Skip to content

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