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).