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

	Mar 2025
Su	Mo	Tu	We	Th	Fr	Sa
23	24	25	26	27	28	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

:

	Apr 2025
Su	Mo	Tu	We	Th	Fr	Sa
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	6	7	8	9	10

:

03/09/2025 - 03/15/2025