Date picker for React
See demo at jslog.com/react-date-picker
$ npm install react-date-picker
Don't forget to include index.css or index.styl! ( require('react-date-picker/index.css') )
Also you need to have React
included in the page.
react-date-picker
works with both React 0.11.2 and the newer 0.12
var date = '2014-10-10' //or Date.now()
function onChange(moment, dateString){
//...
}
<DatePicker
minDate='2014-04-04'
maxDate='2015-10-10'
date={date}
onChange={onChange}
/>
- hideFooter: Boolean - by default footer is shown, so specify this to true if you don't want the footer
- date : Date / String / Moment / Number
- viewDate: Date / String / Moment / Number
- minDate : Date / String / Moment / Number
- maxDate : Date / String / Moment / Number
- dateFormat: String see moment.js formats. Default date format is 'YYYY-MM-DD'
- onChange: Function
react-date-picker
uses the awesome moment.js
library ( Big thanks!)
If you don't use npm you can include any of the following:
dist/react-color-picker.js
- the full sources. NOTE: You'll need to includeReact
separatelydist/react-color-picker.min.js
- minified & optimized version. NOTE: You'll need to includeReact
separatelydist/react-color-picker.nomoment.js
- the full sources. NOTE: You'll need to includeReact
ANDmoment.js
separatelydist/react-color-picker.nomoment.min.js
- minified & optimized version. NOTE: You'll need to includeReact
ANDmoment.js
separately