react datepicker component. (include persian jalaali calendar)
npm install react-datepicker2-elhampour
npm install react-datepicker2 --save
`
At this point you can import react-datepicker2 and its styles in your application as follows:
`js
import DatePicker from 'react-datepicker2';
// Be sure to include styles at some point, probably during your bootstrapping
import 'react-datepicker2/dist/react-datepicker2.min.css';
`
Below is a simple example on how to use the Datepicker in a React view. You will also need to require the css file from this package (or provide your own). The example below shows how to include the css from this package if your build system supports requiring css files (webpack is one that does).
`js
import React from 'react'
import moment from 'moment-jalaali'
import DatePicker from 'react-datepicker2';
import 'react-datepicker2/dist/react-datepicker2.min.css';
export default React.createClass({
getInitialState() {
return {
value: moment()
}
},
render() {
return onChange={value => this.setState({ value })}
value={this.state.value}
/>
}
})
`
You can also use the standalone build by including react-datepicker2.js and react-datepicker2.css in your page. (If you do this though you'll also need to include the dependencies.) For example:
`html
`
Configuration
The most basic use of the DatePicker can be described with:
`js
this.setState({ value })} value={this.state.value} />
`
Local Development
The master branch contains the latest version of the Datepicker2 component. To start your example app, you can run npm install then npm start`. This starts a simple webserver on http://localhost:8080.