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

	Aug 2025
Su	Mo	Tu	We	Th	Fr	Sa
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
31	1	2	3	4	5	6

:

	Sep 2025
Su	Mo	Tu	We	Th	Fr	Sa
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	11

:

08/16/2025 - 08/22/2025