Getting started
@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.
Features
- 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-getterspattern, providing all the necessary props for your components.
Motivation
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...
Instalation
@rehookify/datepicker is available as a package in npm registry.
You can use your favarite package manager to insall it:
npm i @rehookify/datepickernpm i @rehookify/datepickeryarn add @rehookify/datepickeryarn add @rehookify/datepickerpnpm add @rehookify/datepickerpnpm add @rehookify/datepicker