1.0.2 • Published 4 years ago

oe-date-picker v1.0.2

Weekly downloads
45
License
MIT
Repository
github
Last release
4 years ago

Date or Date Range picker - ReactJS

Build Status

Date Range picker

ezgif.com-video-to-gifc980ca6a5a3f4ad7.gif

Date picker

date-picker.gif

Toggle mode

ezgif.com-video-to-gif-184b1221dbbc8c81d.gif

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

PropDescriptionDefaultValueExample
yearIntervalThe period between the current year10number
formatFormat of your dateYYYY / MM / DDstring
isStartDayCurrentDayFirst selected day is currenttruebool
pickerValueSend values to your pickerobjectif date picker {day: 12, month: 2, 2020} or if date range picker {{start: {day: 12, month: 2, 2020}, end: {day: 12, month: 2, 2020}}
onChangeEvery time when picker was changed you will get valuefunctiononChange={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}}
rangePickerIf you want to use date range pickerfalsebool
toggleModeIf you want to toggle picker on input focusfalseboolIn 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

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago

0.9.0

4 years ago

0.8.0

4 years ago

0.7.0

4 years ago

0.6.0

4 years ago

0.5.0

4 years ago

0.4.0

4 years ago

0.3.0

4 years ago

0.2.0

4 years ago

0.1.0

4 years ago