react-rethink-datepicker

Rethinking the date picker UI by making date selection work for humans

Based on this article by Jason Ford https://uxdesign.cc/rethinking-the-date-picker-ui-99b9dcb303ad

Install

npm install react-rethink-datepicker

Usage

Default usage:

<DatePicker/>

With default date set as today:

<DatePicker showToday/>

With locale:

<DatePicker showToday locale="fr" onDatePicked={this.onDateSelect} />

Getting selected date value on a callback:

onDateSelect(d) {
  console.log(d.toString());
}

Demo

https://rajasegar.github.io/react-rethink-datepicker

Things to do

• Leap year
• Default Options
• Tests
• Storybook
• Accessibility
• And much more...

Credits

Jason Ford from UX Collective https://uxdesign.cc/rethinking-the-date-picker-ui-99b9dcb303ad