Every calendar. One date layer.

Accessible date primitives for React products that need more than a single locale, a single calendar, or a fragile popup.

Framework
React 18 / 19
Calendars
Four adapters
Rendering
SSR-safe
React 18 / 19TypeScriptSSR-safeRTL / LTRFour calendars

Designed for product teams

Stop rebuilding dates in every product.

Calix keeps calendar logic, locale behavior, and accessible interactions in one tested layer—without forcing a design system on your app.

Calendar-native

Gregorian, Jalali, Hijri, and Buddhist adapters share one predictable API.

Own the interface

Start with a ready-made picker or compose the headless primitives into your system.

Accessible by default

Keyboard navigation, focus restoration, ARIA grid semantics, and reduced motion are built in.

Ready for real flows

Single, range, multiple, holiday, business-day, and date-time selection in one layer.

Start in one command

The interface is yours. The hard parts are not.

Use the styled components or compose the headless primitives into your existing design system.

Terminalnpm
npm install @alydev/datepicker @alydev/adapter-gregorian
import { DatePicker } from "@alydev/datepicker";
import { gregorian } from "@alydev/adapter-gregorian";

<DatePicker adapter={gregorian} locale="en-US" />;

Open source, ready to ship

Build the date experience your product deserves.