DatePicker properties
Summary
Props table
Parameter |
Type |
Default |
---|---|---|
CalendarDate |
Today date |
|
boolean |
/ |
|
string[] |
English week labels |
|
string[] |
English months labels |
|
(date: CalendarDate) => void |
/ |
|
number |
Today year |
|
number |
Today month |
|
boolean |
true |
|
string |
true |
|
string |
/ |
|
Record |
/ |
|
(newValue: CalendarDate) => void |
() => {} |
|
() => void |
() => {} |
|
string |
/ |
Props list
value
Type |
Default |
---|---|
CalendarDate |
Today date |
Actual selected date - extended from Calendar component
hideArrows
Type |
Default |
---|---|
boolean |
/ |
If true
, hide arrow buttons near the date label - extended from Calendar component
days
Type |
Default |
---|---|
string[] |
English week labels |
Custom days labels - extended from Calendar component
months
Type |
Default |
---|---|
string[] |
English months labels |
Custom months labels - extended from Calendar component
onViewChange
Type |
Default |
---|---|
(date: CalendarDate) => void |
/ |
Callback triggered when the Calendar view (the displayed month) is changed - extended from Calendar component
startYear
Type |
Default |
---|---|
number |
Today year |
Initial displayed year - extended from Calendar component
startMonth
Type |
Default |
---|---|
number |
Today month |
Initial displayed month - extended from Calendar component
fromToday
Type |
Default |
---|---|
boolean |
true |
If false
, prevent the user to select a date lower than today date - extended from Calendar component
dayLabel
Type |
Default |
---|---|
string |
true |
Show/hide actual day label on top of the calendar - extended from Calendar component
labelClassName
Type |
Default |
---|---|
string |
/ |
Custom className applied on the day label component - extended from Calendar component
labelProps
Type |
Default |
---|---|
Record |
/ |
Custom props applied on the day label component - extended from Calendar component
onChange
Type |
Default |
---|---|
(newValue: CalendarDate) => void |
() => {} |
Callback triggered when Calendar component input value is changed by the user - extended from Calendar component
onClose
Type |
Default |
---|---|
() => void |
() => {} |
Callback triggered when DatePicker modal is closed
arrowClassName
Type |
Default |
---|---|
string |
/ |
Custom classname applied on the arrow button - extended from Calendar component