FormBrowse form components
Date picker
Trigger button + popover containing a calendar.
Live preview
Usage
Adapters:React stableVue stable
index.html
<button class="lm-datepicker-trigger">Apr 18 — Apr 24</button>CSS classes (3)
| Class | Description |
|---|---|
lm-datepicker | Position-relative wrapper |
lm-datepicker-trigger | Input-like button |
lm-datepicker-panel | Floating calendar panel |
React props (2)
| Prop | Type | Default | Description |
|---|---|---|---|
value | Date | DateRange | — | — |
mode | single | range | — | — |
Accessibility
- Trigger uses aria-haspopup='dialog' + aria-expanded.
Spotted something wrong? Edit this entry on GitHub.