React Reserve Rangepicker
Gregorian and Persian (Jalaali) Calendar
Installation
npm
npm install react-reserve-rangepicker
yarn
yarn add react-reserve-rangepicker
Usage
Rangepicker Component
/* @flow */;; { return <div className="MyComponent"> <RangePicker /> </div> ; } ;
Datepicker Component
/* @flow */;; { return <div className="MyComponent"> <Datepicker /> </div> ; } ;
API
The following APIs are shared by DatePicker and RangePicker.
Property | Description | Type | Default | Example |
---|---|---|---|---|
isPersian | localization configuration | boolean | False | |
disableDate | Specifies whether or not the previous days are selectable | boolean | False | |
showTime | to provide an additional time selection | object / boolean | False | showTime={{ format: ‘HH:mm’ }} |
disabledHourFrom | To specify the start of the inactive time interval | object | { } | disabledHourFrom={10} |
disabledHourTo | To specify the end of the inactive time interval | object | { } | disabledHourTo={12} |
disabledMinuteFrom | To specify the start of the inactive minute interval | object | { } | disabledMinuteFrom={20} |
disabledMinuteTo | To specify the end of the inactive minute interval | object | { } | disabledMinuteTo={30} |
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.