React ClockPicker

React port of Wang Shenwei's excellent ClockPicker widget.

This repo is no longer maintained. Requests to take over are welcome.

Installation

npm install --save react-clockpicker

Usage

# ImportusingES6modulesimportClockPickerfrom'react-clockpicker'
# ImportusingCommonJSmodulesvarClockPicker=require('react-clockpicker')
# Usethecomponent<ClockPickerhours={hours}minutes={minutes}disabled={false}placement="right"addonBefore={...}onChange={(hours,minutes)=>this.setState({ hours, minutes })}/>

You need to have bootstrap.min.css and react-clockpicker.css on the page too.

Roadmap

• Better documentation
• Have validation states
• Use direct text input
• Github pages example
• Support dragging cursor while selecting time
• Remove react-bootstrap dependency?
• Dismiss button
• AM/PM selection
• Transition effects

License

MIT