React-Pure-Timepicker

Awesome Timepicker for your React App.

Installation

React-Pure-Timepicker is available as an npm package.

npm install react-pure-timepicker --save

Default styles included in styles.css

Demo

How to Use

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)}/>

Props

is24Hrs

• Boolean
• To show 24 Hrs format.

selectedTime

• Object
• To show a default Time
• hr - hour, min - minutes, secs - seconds, meridian - am or pm

minStep

• Number
• Only numbers are accepted. To show how many steps within 60 Minutes.
• 5, 10, 15 steps available.

secStep

• Number
• Only numbers are accepted. To show how many steps within 60 Seconds.
• 5, 10, 15 steps available.

hrEnabled

• Boolean
• To Show or Hide hour panel.

minEnabled

• Boolean
• To Show or Hide minute panel.

secEnabled

• Boolean
• To Show or Hide seconds panel.

onSelectTime

• Function
• Returns a Time. You can pass your function use the Time.

Dependencies

React

License

MIT