UNPKG

@rehookify/datepicker

Version:

The ultimate tool to create a date, range and time picker in your React applications.

57 lines (41 loc) ‱ 2 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. <p align="center"> <a href="https://www.rehookify.com/datepicker/tutorials">Tutorials</a> | <a href="https://www.rehookify.com/datepicker/examples">Examples</a> | <a href="https://www.rehookify.com/datepicker/configuration">Configuration</a> | <a href="https://www.rehookify.com/datepicker/state">State</a> | <a href="https://www.rehookify.com/datepicker/modular-hooks">Modular Hooks</a> </p> ## Features - Small in size. - No dependencies. - [Modular design](https://www.rehookify.com/datepicker/modular-hooks): 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: ```bash npm i @rehookify/datepicker ``` ```bash yarn add @rehookify/datepicker ``` ```bash pnpm add @rehookify/datepicker ``` Start with [tutorials](https://rehookify.com/datepicker/tutorials)