React ClockPicker

React port of Wang Shenwei's excellent ClockPicker widget.

Installation

npm install --save react-clockpicker

Usage

# Import using ES6 modules
import ClockPicker from 'react-clockpicker'

# Import using CommonJS modules
var ClockPicker = require('react-clockpicker')

# Use the component
<ClockPicker
  hours={hours}
  minutes={minutes}
  disabled={false}
  placement="right"
  addonBefore={...}
  onChange={(hours, minutes) => this.setState({ hours, minutes })} />

You need to have bootstrap.min.js 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