https://github.com/sylcastaing/react-next-dates
Simple and Customizable DatePicker, DateRangePicker and TimePicker for React.
https://github.com/sylcastaing/react-next-dates
calendar clock date datepicker daterangepicker datetimepicker react typescript
Last synced: 9 months ago
JSON representation
Simple and Customizable DatePicker, DateRangePicker and TimePicker for React.
- Host: GitHub
- URL: https://github.com/sylcastaing/react-next-dates
- Owner: sylcastaing
- License: mit
- Created: 2020-12-13T12:12:47.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-07-05T16:57:32.000Z (almost 3 years ago)
- Last Synced: 2025-01-07T03:22:56.246Z (over 1 year ago)
- Topics: calendar, clock, date, datepicker, daterangepicker, datetimepicker, react, typescript
- Language: TypeScript
- Homepage: https://sylcastaing.github.io/react-next-dates
- Size: 1.51 MB
- Stars: 10
- Watchers: 3
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Simple and Customizable DatePicker, DateRangePicker and TimePicker.
# Installation
`React Next Dates` is available on [NPM](https://www.npmjs.com/package/react-next-dates).
For date operations and translations, React Next Dates use [date-fns](https://date-fns.org/) as peerDependencies. Don't forget to install it.
## Install package
### With NPM :
```sh
npm install react-next-dates date-fns --save
```
### With Yarn :
```sh
yarn add react-next-dates date-fns
```
### Peer Dependencies
| Library | Version |
| --------- | -------- |
| date-fns | `^2.0.0` |
| react | `>=16` |
| react-dom | `>=16` |
## Add styles
Don't forget to inject stylesheet on your app.
### CSS
```js
import 'react-next-dates/dist/style.css';
```
### Sass
```js
import 'react-next-dates/dist/style.scss';
```
> See [Theming Section](https://sylcastaing.github.io/react-next-dates/docs/documentation-theming--page)
# Documentation
All documentation is available on [StoryBook](https://sylcastaing.github.io/react-next-dates).
**Quick links** :
- [Installation](https://sylcastaing.github.io/react-next-dates/docs/documentation-installation--page)
- [Theming](https://sylcastaing.github.io/react-next-dates/docs/documentation-theming--page)
- [Customization](https://sylcastaing.github.io/react-next-dates/docs/documentation-customization)
- [DatePicker](https://sylcastaing.github.io/react-next-dates/docs/components-datepicker)
- [DateRangePicker](https://sylcastaing.github.io/react-next-dates/docs/components-daterangepicker)
- [TimePicker](https://sylcastaing.github.io/react-next-dates/docs/components-timepicke)
# Development
This library was created with [dts](https://weiran-zsd.github.io/dts-cli)
# Credits
React Next Dates is highly inspired by :
- [React Nice Dates](https://reactnicedates.hernansartorio.com/)
- [Jquery Clock TimePicker](https://github.com/loebi-ch/jquery-clock-timepicker)