react-range-datepicker

> An easily customizable range datepicker

!demo

$3

- moment
- react-dates

Getting Started

$3

``sh
npm install @webthatmatters/react-range-datepicker --save
`

$3

`
import RangeDatePicker from '@webthatmatters/react-range-datepicker';


dates={{ from: moment(), to: moment().add(1, 'month') }}
onDatesChange={dates => console.log(dates)}
showOptions
/>
`

$3

`
...
showOptions
options={[
{
label: 'Today',
startDate: moment().startOf('day'),
endDate: moment().endOf('day')
},
{
label: 'Yesterday',
startDate: moment().subtract(1, 'days'),
endDate: moment().subtract(1, 'days')
}
]}
/>
`

$3

`
...
styles={
{
selectedColor: '#608fc9',
borderColor: '#ededed',
dayColor: '#f2f5f7',
textColor: '#1c2a3b',
calendarIcon: 'path_to_icon'
}
}
/>
`

$3

`
...
datePickerOptions={{
...
displayFormat: 'DD/MM/YYYY'
}}
/>
``