/react-pick-datetime

Flexible widgets for picking dates and times.

Primary LanguageJavaScriptMIT LicenseMIT

react-pick-datetime

Build Status

Accessible widgets for picking dates and times, implemented in React.

Built on top of react-pick and moment.

Demo

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?

  • <Calendar> - A calendar control that you can use all over the place for selecting dates directly.
  • <DateInput> - Input with a keyboard-navigable calendar popup letting the user select and modify dates.
  • <TimeInput> - 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.