Date Picker
Select a single date with an interactive calendar
import { DatePicker } from "@plexui/ui/components/DatePicker";Examples
Overview
Select date...
Limits
02/23/26
Without Icon
Choose a date
Disabled
02/23/26
Reference
| Prop | Type | Default | Description |
|---|---|---|---|
value | DateTime | null | — | Selected date (luxon) |
onChange | (date: DateTime | null) => void | — | Called when date changes |
min | DateTime | — | Minimum selectable date |
max | DateTime | — | Maximum selectable date |
size | string | — | Trigger size |
pill | boolean | — | Rounded trigger |
clearable | boolean | — | Show clear button |
triggerShowIcon | boolean | true | Show calendar icon |
placeholder | string | — | Trigger placeholder |
disabled | boolean | — | Disable picker |