The date picker that doesn't drag a calendar library in with it.

What you actually get

Twenty component files, twenty‑three exported components. Every one of them imports nothing but React, Radix and a four‑line cn().

Why the pickers are the point

Most kits hand you a date field that pulls in a calendar library, a date library, and a plugin for the timezone edge cases. Here the 42‑cell month, the week offset and the month arithmetic are about forty lines of pure functions at the top of the file.

• Dates cross the boundary as strings. "YYYY-MM-DD", never Date objects, never UTC. They sort chronologically as text, which is why the min/max checks are plain < and >.
• Parsing stays local. The time is appended and the Z omitted, because a bare new Date("2026-03-29") is parsed as UTC and reports the day before anywhere west of Greenwich.
• The full keyboard model. Arrows by day, PageUp/PageDown by month, Shift for years, Home/End, and a single tab stop for the whole grid.
• Localised with no dependency. Pass a BCP‑47 tag and month names come from Intl.DateTimeFormat. Every other string is a prop.

import { DateRangePicker } from "@/components/ui/DateRangePicker";

<DateRangePicker
  startValue={from}         // "2026-08-12"
  endValue={to}
  onChange={(a, b) => setRange([a, b])}
  months={2}                // the default; 1 for a single grid
  min={todayISO}
  locale="es-CL"
/>

Themed from about fifteen variables

There is not one hard‑coded colour anywhere under src/components. Rebind the tokens and the whole set follows, including into a design system you already have.

Accessibility is in each component

Not a pass somebody promises to do later.

• One focus ring defined globally, so no component invents its own colour.
• Labels enforced by the types: several controls cannot be rendered unlabelled.
• Native inputs kept in the DOM rather than replaced, so arrow keys between radios, Space to toggle a checkbox and one tab stop per group come from the platform instead of being re‑implemented badly.
• prefers-reduced-motion honoured globally, with a safety net so a scroll reveal is never left invisible.

Take it

MIT. Use it in commercial work, no attribution required. Copy the files you want — there is no package to install and nothing to keep in sync.