FormBrowse form components
Calendar
Month-view date grid with selected, today, range, and outside-month states.
Live preview
April 2026
SMTWTFS
Usage
Adapters:React stableVue stable
index.html
<div class="lm-calendar" role="grid">…</div>CSS classes (4)
| Class | Description |
|---|---|
lm-calendar | Wrapper card |
lm-calendar-header | Month nav row |
lm-calendar-grid | 7-column day grid |
lm-calendar-day | Day button; data-today, data-outside, data-range |
React props (2)
| Prop | Type | Default | Description |
|---|---|---|---|
value | Date | DateRange | — | — |
mode | single | range | multiple | single | — |
Accessibility
- Use role='grid' with role='gridcell' on days.
- Arrow keys move focus; Page Up/Down for months.
Spotted something wrong? Edit this entry on GitHub.