/react-datepicker

A simple and reusable datepicker component for React

Primary LanguageJavaScriptMIT LicenseMIT

React Date Picker

Bower version Build Status devDependency Status Downloads

A simple and reusable datepicker component for React (Demo)

Configuration

  • Change date format by passing a different date format in the props: dateFormat: "YYYY/MM/DD"
  • Add placeholder text: placeholderText: 'Click to select a date' (Defaults to the selected date when no placeholder text is added)
  • Give users a predefined date range: minDate: moment() & maxDate: moment().add(5, 'days') (this gives users the ability to select a date between today and 5 days in the future)

Installation

Installing is really simple and can be done in two different ways:

  • Install with Bower: bower install react-date-picker
  • Install with Bundler: bundle install rails-assets-react-date-picker

Local Development

  • Install Bower npm install -g bower
  • Install Bower Packages bower install
  • Install packages npm install
  • Start a static webserver python -m SimpleHTTPServer
  • And visit localhost:8000/example.html to see the example.

To run tests, simply run npm test.

License

Copyright (c) 2014 HackerOne Inc. and individual contributors. Licensed under MIT license, see LICENSE for the full license.