Date Range Picker
A date range picker with a trigger that shows the formatted range and opens a popover with one or two month grids for selecting start and end dates.
Preview
Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
start | string | — | Start date in YYYY-MM-DD format |
end | string | — | End date in YYYY-MM-DD format |
months | number | 2 | Number of month grids shown: 1 or 2 |
disabled | boolean | — | Disables the trigger |
Installation
pura is copy-paste and dependency-free. Load the whole library, or just this component.
<link rel="stylesheet" href="/pura/tokens.css">
<script type="module" src="/pura/lib/date-range-picker.js"></script>import "./pura/lib/date-range-picker.js";