Date or Date Range picker - ReactJS
Date Range picker
Date picker
Toggle mode
Our date picker comming with modern UI and cool animation with custom calculations.
- Pick only date
- Date range picker
- Comming soon for FORMIK
New Features!
- Toggle Mode
- Switch between date or date picker
Installation
$ npm i oe-date-picker$ import Props
| Prop | Description | Default | Value | Example |
|---|---|---|---|---|
| yearInterval | The period between the current year | 10 | number | |
| format | Format of your date | YYYY / MM / DD | string | |
| isStartDayCurrentDay | First selected day is current | true | bool | |
| pickerValue | Send values to your picker | object | if date picker {day: 12, month: 2, 2020} or if date range picker {{start: {day: 12, month: 2, 2020}, end: {day: 12, month: 2, 2020}} | |
| onChange | Every time when picker was changed you will get value | function | onChange={value => setMyPickerState(value)} for date picker you will get {day: 12, month: 2, 2020} or if date range picker {start: {day: 12, month: 2, 2020}, end: {day: 12, month: 2, 2020}} | |
| rangePicker | If you want to use date range picker | false | bool | |
| toggleMode | If you want to toggle picker on input focus | false | bool | In toggle mode if is true inputs are relative and picker is absolute, else picker is relative |
Todos
- Change css and colors
- Add your inputs
License
MIT