The ultimate tool to create a date, range and time picker in your React applications.
npm install @rehookify/datepicker@rehookify/datepicker is an ultimate tool for creating date, range, and time pickers in your React applications.
It provides behavioral and accessibility implementations for all sorts of calendars, date and time pickers.
Tutorials |
Examples |
Configuration |
State |
Modular Hooks
- Small in size.
- No dependencies.
- Modular design: You can use as little code as possible.
- Supports single, multiple, and range date selection, as well as a time picker.
- Multiple calendar support.
- Native localization support using .toLocaleDateString and .toLocaleTimeString.
- Follows the prop-getters pattern, providing all the necessary props for your components.
By picking a date picker for you project you can get such problems:
- đ
your component library doesn't have the component that you need;
- âïž you need to make changes to your build process;
- đ
your styling system is different from the most popular solution;
- đŠč it's challenging to customise a component that matches your design;
- đ° it could cost money to get needed components;
- đïž the library is heavy and doesn't have tree-shaking;
- đ bad documentation;
- âïž no tests, no TypeScript support, no examples...
@rehookify/datepicker is available as a package in npm registry.
You can use your favarite package manager to insall it:
``bash`
npm i @rehookify/datepicker
`bash`
yarn add @rehookify/datepicker
`bash``
pnpm add @rehookify/datepicker
Start with tutorials