OddApp Design

DatePicker

@oddapp/ui · Tier 2

Calendar popover for selecting a single date or date range. (Aspirational — not yet exported by @oddapp/ui.)

Single

DatePicker (Single) — preview renders in browser when component is exported from @oddapp/ui
import { DatePicker } from '@oddapp/ui'

<DatePicker value={date} onChange={setDate} placeholder="Select date…" />

Range

DatePicker (Range) — preview renders in browser when component is exported from @oddapp/ui
import { DatePicker } from '@oddapp/ui'

<DatePicker
  mode="range"
  value={{ from: startDate, to: endDate }}
  onChange={({ from, to }) => setRange({ from, to })}
/>