Skip to content

Latest commit

 

History

History
70 lines (49 loc) · 2.63 KB

README.md

File metadata and controls

70 lines (49 loc) · 2.63 KB

@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