Configuration Builder

parentEl

startDate

endDate

minDate

maxDate

autoApply

singleDatePicker

showDropdowns

showWeekNumbers

showISOWeekNumbers

timePicker

timePicker24Hour

timePickerIncrement (in minutes)

timePickerSeconds

dateLimit (with example date range span)

ranges (with example predefined ranges)

locale (with example settings) RTL (right-to-left)

alwaysShowCalendars

linkedCalendars

autoUpdateInput

showCustomRangeLabel

opens

drops

buttonClasses

applyClass

cancelClass

Your Date Range Picker

Configuration

Today
Yesterday
Last 7 Days
Last 30 Days
This Month
Last Month
Custom Range

	Jun 2025
Su	Mo	Tu	We	Th	Fr	Sa
25	26	27	28	29	30	31
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	1	2	3	4	5

:

	Jul 2025
Su	Mo	Tu	We	Th	Fr	Sa
29	30	1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31	1	2
3	4	5	6	7	8	9

:

06/13/2025 - 06/19/2025