Components / Date Picker
Date Picker
A composed Popover and Calendar for selecting one ISO date.
October 2026
SuMoTuWeThFrSa
html
<aevko-date-picker label="Deployment date" month="2026-10" [(value)]="date" />Installation
npx aevko-ui@latest add date-picker --yesSource ownership
Customization
Use the composed source as a starting point, bind its ISO value and customize display formatting without coupling Calendar to a date library.
Edit locallyThe installed template and stylesheet are application code, not a black box.
Theme semanticallyOverride
--aevko-* tokens or ordinary classes without !important.API reference
| Property or slot | Type | Default | Description |
|---|---|---|---|
value / month / open | model<string | boolean> | '' / '2026-01' / false | Controlled date, visible month and popup state. |
min / max | ISO date string | '' / '' | Optional selection bounds. |
registry dependencies | calendar + popover | installed automatically | Source-owned composition without npm packages. |
Accessibility contract
Accessibility
Included behavior
- A labelled popup trigger opens the full keyboard-operable calendar and returns the selected date as ISO text.
Your responsibility
Provide a visible field label and explain required formats or date constraints in associated help text.