Date picker

A set of calendar-based input components for selecting a single date, a date with time, or a date range. Each variant is available as a trigger button that opens a popover, or as an always-visible inline panel. Built from scratch with zero dependencies — no react-aria required.

Date picker

A trigger button opens a calendar popover. Pick a day, optionally hit Today to jump to today's date, then confirm with Apply.

Date & time picker

Combines a calendar with a scrollable list of 30-minute time slots. Select a day on the left and a time on the right, then apply.

Date range picker

Select a start and end date from two side-by-side calendars. Use the preset shortcuts on the left to jump to common ranges like “This week” or “Last month”.

Inline date picker

Pass inline to embed the calendar directly in your layout without a trigger button — useful inside sidebars, forms, and filter drawers.

March 2026
30 / 03 / 2026
Mo
Tu
We
Th
Fr
Sa
Su

Inline date & time picker

Same as the date picker but with the time slots panel always visible alongside the calendar.

March 2026
Mo
Tu
We
Th
Fr
Sa
Su

Available times

30 / 03 / 2026

Inline date range picker

Two calendars and the preset list rendered inline. Ideal for analytics dashboards and advanced filter panels.

March 2026
Mo
Tu
We
Th
Fr
Sa
Su
April 2026
Mo
Tu
We
Th
Fr
Sa
Su
23 / 03 / 2026
30 / 03 / 2026