React Date Range Picker
GitHub - almogtavor/date-range-picker: ⚛️📆 Flexible React date range picker calendar with no dependencies.


language
String
English, Hebrew
English
component's language. currently support English and Hebrew. Notice Languages such Hebrew changes the whole component from left to right to right to left.


colorsPalette
String
enabled, disabled
enabled
by enabling colors palette you can choose the component's color.


format
String
any combination of 2 Ds, 2 Ms and 2\4 Ys with other
DD-MM-YYYY
the format of the dates.


selectAllButton
String
enabled, disabled
enabled
depends on current board's view (dates, months, or years), select all enabled items.


startDate
date
date object
new Date(1900, 0, 0)
calendar's start date.


endDate
date
date object
new Date(2025, 0, 0)
calendar's end date.


firstDayOfWeekIndex
int
0 - 6
0 (sunday)
first day of the week (etc monday, sunday).


pickMethod
String
date, range, ranges
range
date means picking one day (on one board). range is to peak dates two dates. ranges is to pick an array of ranges (with view option on hover).


defaultColor
String
any color format item
#2196f3
default component's color. becomes the first option on colors palette.


daysAmountTab
String
enabled, disabled
disabled
by enabling, there will be a button on the left that you can open and choose prepared range, or days amount up to today.


boardsNum
int
1, 2
2
by specifing you can choose the component's boards number.

