# DatePicker
## Installation
```code
npm install --save react-multi-date-picker
```
## Usage
```javascript
import React from "react";
import DatePicker from "react-multi-date-picker";
export default function Example() {
return ;
}
```
## Browser (none react-app)
```html
React Multi Date Picker
Calendar Example :
DatePicker Example :
```
## Demo
[https://shahabyazdi.github.io/react-multi-date-picker](https://shahabyazdi.github.io/react-multi-date-picker/)
## Availble props
| Name | Type | Default | Availability (DatePicker/ Calendar) |
| -------------------- | :-------------------------------------------------------------------------------------------: | :-----------------------------------: | ----------------------------------- |
| value | Date, [DateObject](https://github.com/shahabyazdi/react-date-object), String, Number or Array | new Date() | both |
| multiple | Boolean | false (true if value is Array) | both |
| range | Boolean | false | both |
| timePicker | Boolean | false | both |
| onlyTimePicker | Boolean | false | both |
| onlyMonthPicker | Boolean | false | both |
| onlyYearPicker | Boolean | false | both |
| mustShowDates | Boolean | false (true in multiple & range mode) | both |
| format | String | YYYY/MM/DD | both |
| formattingIgnoreList | Array | undefined | both |
| local | String | en | both |
| calendar | String | gregorian | both |
| mapDays | Function | undefined | both |
| onChange | Function | undefined | both |
| className | String | "" | both |
| weekDays | Array | undefined | both |
| months | Array | undefined | both |
| showOtherDays | Boolean | true | both |
| minDate | Date, DateObject, String or Number | undefined | both |
| maxDate | Date, DateObject, String or Number | undefined | both |
| disableYearPicker | Boolean | false | both |
| disableMonthPicker | Boolean | false | both |
| eachDaysInRange | Boolean | false | both |
| zIndex | Number | 100 | both |
| animation | Boolean | false | DatePicker |
| inputClass | String | "" | DatePicker |
| name | String | "" | DatePicker |
| style | Object | {} | DatePicker |
| type | String | input | DatePicker |
| render | React.Component or Function | undefined | DatePicker |
| disabled | Boolean | false | DatePicker |
| placeholder | String | "" | DatePicker |
| inputMode | String | undefined | DatePicker |
| scrollSensitive | Boolean | true | DatePicker |
| hideOnScroll | Boolean | false | DatePicker |
| calendarPosition | String | auto | DatePicker |
| containerStyle | Object | undefined | DatePicker |
| containerClassName | String | undefined | DatePicker |
| editable | Boolean | true | DatePicker |
| onlyShowInRangeDates | Boolean | true | DatePicker |
## Calendars and Locals
| Calendars |
Locals |
| gregorian (default) |
en (default) |
| persian |
fa |
| arabic |
ar |
| indian |
hi |
## Types
| DatePicker Types |
| input (default) |
input-icon |
icon |
button |
custom |