AcheryWorkshop
Components

DatePicker

Examples

Loading examples…

API

From COMPONENTS.md.

import { DatePicker } from 'achery-ui'

<DatePicker value={date} onChange={(e) => setDate(e.target.value)} />
<DatePicker value={date} min="2026-01-01" max="2026-12-31" onChange={...} />

// With Field wrapper
<Field label="Scheduled date">
  <DatePicker value={date} onChange={...} error={!!errors.date} />
</Field>
// datetime-local
<DatePicker type="datetime-local" value={dt} onChange={(e) => setDt(e.target.value)} />
Prop Type Default Notes
type 'date' | 'datetime-local' 'date' Input type
value string — ISO date (YYYY-MM-DD) or datetime (YYYY-MM-DDTHH:mm)
onChange ChangeEventHandler<HTMLInputElement> —
min string — ISO date/datetime string
max string — ISO date/datetime string
disabled boolean —
error boolean — Applies danger border
placeholder string —

Extends all native <input> attributes (except type).