Date range calendar
An always-open calendar for selecting a date range
Was the input component's daterange-inline type. Use it in filter panels and callouts where there is no input field to click into; for a field that opens a calendar use the date input instead.
Contents
Date range calendar
An always-open range calendar, for filter panels and callouts where there is no field to click into. Pick a start date, then an end date.
AUG 2026
| Monday | Tuesday | Wednesday | Thursday | Friday | Saturday | Sunday |
|---|---|---|---|---|---|---|
| AUG | ||||||
Inputs
control : FormControl<T>
clearDateRange ?: boolean = false
Clears the calendar's value. Since the inline calendar has no bound input element, its value has to be reset by hand when the control is reset.