Skip to content

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

License

Notifications You must be signed in to change notification settings

rehookify/datepicker

Repository files navigation

@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.

size npm discord

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