Skip to content

A simple and reusable datepicker component for React

License

Notifications You must be signed in to change notification settings

jotform/react-datepicker

 
 

Repository files navigation

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
  • Run grunt watch in order to watch for local changes and run tests/build the code.
  • Start a static webserver python -m SimpleHTTPServer
  • And visit localhost:8000/example 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.

About

A simple and reusable datepicker component for React

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 93.3%
  • CSS 5.9%
  • HTML 0.8%