0.1.1 • Published 8 years ago
rcp-fork v0.1.1
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
0.1.1
8 years ago