Awesome Timepicker for your React App.
React-Pure-Timepicker is available as an npm package.
npm install react-pure-timepicker --save
Default styles included in styles.css
import Calendar from 'react-pure-timepicker';
<TimePicker
is24Hrs={false}
selectedTime={{
hr: 0,
min: 12,
secs: 0,
meridian: "am"
}}
minStep=""
secStep=""
hrEnabled={true}
minEnabled={true}
secEnabled={true}
onSelectTime={time => console.log(time)}/>
Boolean
- To show 24 Hrs format.
Object
- To show a default Time
hr
- hour,min
- minutes,secs
- seconds,meridian
- am or pm
Number
- Only numbers are accepted. To show how many steps within
60 Minutes
. 5
,10
,15
steps available.
Number
- Only numbers are accepted. To show how many steps within
60 Seconds
. 5
,10
,15
steps available.
Boolean
- To Show or Hide hour panel.
Boolean
- To Show or Hide minute panel.
Boolean
- To Show or Hide seconds panel.
Function
- Returns a
Time
. You can pass your function use the Time.
MIT