rehookify/datepicker

The ultimate tiny tool for creating date and range pickers in your React applications.

@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

#StandWithUkraine 💙💛

We have war at our home 🇺🇦

Help us in our struggle, 💰 United24, KOLO, Come Back Alive

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-getters pattern, 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/datepicker

yarn add @rehookify/datepicker

pnpm add @rehookify/datepicker

Start with tutorials