https://github.com/rajasegar/react-rethink-datepicker
Rethinking the date picker UI with React.js
https://github.com/rajasegar/react-rethink-datepicker
datepicker dates react react-components reactjs
Last synced: about 1 month ago
JSON representation
Rethinking the date picker UI with React.js
- Host: GitHub
- URL: https://github.com/rajasegar/react-rethink-datepicker
- Owner: rajasegar
- Created: 2018-10-10T04:54:12.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-10-27T00:49:40.000Z (over 7 years ago)
- Last Synced: 2025-04-03T13:24:06.300Z (about 1 year ago)
- Topics: datepicker, dates, react, react-components, reactjs
- Language: JavaScript
- Homepage: https://rajasegar.github.io/react-rethink-datepicker/
- Size: 995 KB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# react-rethink-datepicker
[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]
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:
```html
```
With default date set as today:
```html
```
With locale:
```html
```
Getting selected date value on a callback:
```js
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
[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo
[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package
[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo