Date Range Picker
A date range picker combines two DateFields and a RangeCalendar popover to allow users to enter or select a date and time range.
Installation
Basic
A range calendar displays one or more date grids and allows users to select a range of dates in a single interaction.
View
Code
Event date
mmddyyyy
mmddyyyy
Controlled
View
Code
Wednesday, June 4, 2025 to Monday, June 16, 2025
2025-06-04 to 2025-06-16
Event date
642025
6162025
Validation
View
Code
Custom Validation
Use the validate function to implement custom validation rules. It evaluates the current date range and returns error messages if the value doesn't meet your criteria.
View
Code