https://github.com/hellojwilde/react-pick-datetime
Flexible widgets for picking dates and times.
https://github.com/hellojwilde/react-pick-datetime
Last synced: about 2 months ago
JSON representation
Flexible widgets for picking dates and times.
- Host: GitHub
- URL: https://github.com/hellojwilde/react-pick-datetime
- Owner: hellojwilde
- License: mit
- Created: 2015-03-29T17:46:47.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2015-11-02T15:40:15.000Z (over 10 years ago)
- Last Synced: 2025-01-18T00:08:56.407Z (over 1 year ago)
- Language: JavaScript
- Homepage: http://jwilde.me/react-pick-datetime/
- Size: 956 KB
- Stars: 0
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# react-pick-datetime
[](https://travis-ci.org/hellojwilde/react-pick-datetime)
Accessible widgets for picking dates and times, implemented in React.
Built on top of [react-pick](https://github.com/hellojwilde/react-pick) and [moment](http://momentjs.com/).
## Demo
[http://jwilde.me/react-pick-datetime/](http://jwilde.me/react-pick-datetime/)
## Installation & Usage
`npm install react-pick-datetime`
You'll need to make sure that you somehow include the following CSS files from both `react-pick` and `react-pick-datetime`:
- `'react-pick/lib/styles.css'`
- `'react-pick-datetime/lib/styles.css'`
Or, you could be awesome and write your own CSS for both. Up to you.
### What's Inside?
- [``](https://github.com/hellojwilde/react-pick-datetime/blob/master/src/Calendar.js) - A calendar control that you can use all over the place for selecting dates directly.
- [``](https://github.com/hellojwilde/react-pick-datetime/blob/master/src/DateInput.js) - Input with a keyboard-navigable calendar popup letting the user select and modify dates.
- [``](https://github.com/hellojwilde/react-pick-datetime/blob/master/src/TimeInput.js) - Autocompleting time input, where the user can type a time, and times similar to the one that they're typing get autocompleted in both a menu and in "type ahead" text.