material-date-range-picker/README.md

React components, that implements material design pickers for material-ui v1

# Material Data Range Picker
> Accessible date range picker for material-ui

![Image showing the date picker.](material-date-range-picker.png)

### Installation

The date picker is based on multiple awesome projects and requires following peer dependencies to be installed:

- material-ui
- date-fns (^1.29.0)
- downshift
- kalendaryo
- styled-components

Available as npm package.
```sh
npm i material-date-range-picker
```

```javascript
<DateRangePicker
    fromDate={this.state.fromDate}  //from date
    toDate={this.state.toDate}  //to Date
    onChange={this._handleDateRangeChange}
    closeDialogOnSelection    //close date dialog after selecting both from and to date
/>
```

### Acknowledgments

https://material.angular.io/components/datepicker/overview

https://github.com/geeofree/kalendaryo

https://github.com/paypal/downshift

https://github.com/dmtrKovalenko/material-ui-pickers

### LICENSE
The project is licensed under the terms of [MIT license](https://github.com/jonas-arkulpa/material-date-range-picker/blob/master/LICENSE)