slider-time-picker v1.0.71
React Slider Time Picker
1 dependency - styled-components
Installation
npm install slider-time-picker
import "slider-time-picker/dist/sliderTimePicker.css";
DEMO
Props
Prop | Type | Description |
---|---|---|
time | string | 07:00 AM |
disabled | boolean | disables all actions |
allowTextEdit | boolean | allows time edit manually |
ref | React ref | allows access to the picker |
colors | object | set colors for the component |
import TimePicker from "slider-time-picker";
import "slider-time-picker/dist/sliderTimePicker.css";
const colors = {
"primary-color": "black",
"primary-font-color": "pink",
"background-color": "#1e2528",
"slider-track-color": "red"
};
...
<TimePicker
time={time}
onChange={onTimeChange}
disabled={false}
></TimePicker>
<label>Disabled</label>
<TimePicker
time={time}
onChange={onTimeChange}
disabled={true}
></TimePicker>
<p>Manual input disabled</p>
<TimePicker
time={time}
onChange={onTimeChange}
allowTextEdit={true}
></TimePicker>
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago