Components / Calendar
Calendar
A dependency-free month grid with controlled ISO date and month state.
October 2026
SuMoTuWeThFrSa
html
<aevko-calendar label="Choose deployment date" month="2026-10" [(value)]="date" />Installation
npx aevko-ui@latest add calendar --yesSource ownership
Customization
Bind ISO strings to application state, constrain valid dates when the workflow requires it and tune cell size through the local custom property.
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 |
|---|---|---|---|
month / value | model<'YYYY-MM' | 'YYYY-MM-DD'> | '2026-01' / '' | Controlled visible month and selected ISO date. |
min / max | ISO date string | '' / '' | Optional inclusive selection bounds. |
--cell-size | CSS custom property | 2.5rem | Calendar cell geometry. |
Accessibility contract
Accessibility
Included behavior
- The labelled grid exposes rows, column headers and selectable date cells; Arrow keys move by day or week.
Your responsibility
Provide a task-specific label, ensure disabled ranges are explained nearby and format the selected ISO value for the user elsewhere.