Date Picker

Standalone themeable date and time picker with portal popup calendar, editable text draft input, and customizable token styling.

// Plain markup
import { DatePicker } from "@shavin/ui";

DatePicker — date & time

<DatePicker value={date} onChange={setDate} />

DatePicker — date only

<DatePicker value={date} onChange={setDate} dateOnly />

Props Specification

PropTypeDefault
value*Date
onChange*(d: Date) => void
dateOnlyboolean
tokensPartial<DatePickerTokens>
classNamestring

* required

Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font