oe-date-picker
v1.0.2
Published
[](https://travis-ci.org/joemccann/dillinger) ## Date Range picker [
Readme
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 { DatePicker } from 'oe-date-picker'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