Introduction Foundations Components Directives Pipes Motion Brand

Alerts & notifications

Buttons & actions

Cards

Forms

Checkbox card Checkbox Currency input Date input Date range calendar File select Input Label Location input Multi select Multiple location input Otp input Phone input Radio Search Segmented date input Select Slider Smart textarea Textarea Timepicker Toggle

Icons / images / media

Layouts

Navigation

Popups / overlays

Progress & loading indicators

Tags

Typography

Components Forms Date range calendar

Date range calendar

Always-open date range calendar for filter panels and callouts

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.

NOV 2026
Comparison range Comparison range
MondayTuesdayWednesdayThursdayFridaySaturdaySunday
NOV
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.