https://github.com/frontsideair/react-clockpicker
React port of Clockpicker input widget
https://github.com/frontsideair/react-clockpicker
clockpicker component react timepicker widget
Last synced: 3 months ago
JSON representation
React port of Clockpicker input widget
- Host: GitHub
- URL: https://github.com/frontsideair/react-clockpicker
- Owner: frontsideair
- License: mit
- Created: 2016-01-20T08:51:56.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-04-15T15:48:11.000Z (about 7 years ago)
- Last Synced: 2025-03-17T14:52:51.402Z (3 months ago)
- Topics: clockpicker, component, react, timepicker, widget
- Language: CSS
- Homepage:
- Size: 62.5 KB
- Stars: 10
- Watchers: 3
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React ClockPicker
React port of [Wang Shenwei](https://github.com/weareoutman)'s excellent [ClockPicker](https://github.com/weareoutman/clockpicker) widget.
> This repo is no longer maintained. Requests to take over are welcome.
## Installation
``` sh
npm install --save react-clockpicker
```
## Usage
``` javascript
# Import using ES6 modules
import ClockPicker from 'react-clockpicker'
# Import using CommonJS modules
var ClockPicker = require('react-clockpicker')
# Use the component
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