Calendar
A themed month calendar for picking single dates or ranges, built on DayPicker.
August 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Usage
Built on DayPicker v10 (@daypicker/react). All
DayPicker props pass through. The library ships no language default: pass
locale (from @daypicker/react/locale) so month and weekday names match the
app's language.
import { Calendar } from '@epilot/spark-ui/calendar'
import { de } from '@daypicker/react/locale'<Calendar locale={de} mode="single" onSelect={setDate} selected={date} />Examples
Range
August 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Localized (de)
August 2026
| Mo | Di | Mi | Do | Fr | Sa | So |
|---|---|---|---|---|---|---|
Date picker
Compose the calendar into a date input; see Input Date.
API Reference
All DayPicker props (mode, selected,
onSelect, disabled, startMonth / endMonth, locale, numberOfMonths,
ā¦). Spark defaults: showOutsideDays, themed classNames (override per key
via the classNames prop).