NameTypeDefaultAvailability (DatePicker/ Calendar)
refReact.RefObjecttrueboth
valueDate, DateObject, String, Number or Arraynew Date()both
multipleBooleanfalse (true if value is Array)both
rangeBooleanfalseboth
onlyMonthPickerBooleanfalseboth
onlyYearPickerBooleanfalseboth
formatStringYYYY/MM/DDboth
formattingIgnoreListArrayboth
calendarStringgregorianboth
localeStringenboth
mapDaysFunctionboth
onChangeFunctionboth
classNameStringboth
weekDaysArrayboth
monthsArrayboth
showOtherDaysBooleanfalseboth
minDateDate, DateObject, String or Numberboth
maxDateDate, DateObject, String or Numberboth
disableYearPickerBooleanfalseboth
disableMonthPickerBooleanfalseboth
zIndexNumber100both
pluginsArray[]both
sortBooleanfalseboth
numberOfMonthsNumber1both
currentDateDateObjectboth
digitsArrayboth
buttonsBooleantrueboth
renderButtonFunction or React.ReactElementboth
weekStartDayIndexNumberboth
disableDayPickerBooleanfalseboth
onPropsChangeFunctionboth
onMonthChangeFunctionboth
onYearChangeFunctionboth
onFocusedDateChangeFunctionboth
readOnlyBooleanfalseboth
disabledBooleanfalseboth
hideMonthBooleanfalseboth
hideYearBooleanfalseboth
shadowBooleantrueboth
fullYearBooleanfalseboth
displayWeekNumbersBooleanfalseboth
weekNumberStringboth
weekPickerBooleanfalseboth
rangeHoverBooleanfalseboth
monthYearSeparatorString

"," for LTR locales

"،" for RTL locales

both
formatMonthFunctionundefinedboth
formatYearFunctionundefinedboth
highlightTodayBooleantrueboth
styleReact.CSSProperties{}Both
headerOrderArray["LEFT_BUTTON", "MONTH_YEAR", "RIGHT_BUTTON"]Both
arrowBoolean or React.ReactElementtrueDatePicker
arrowStyleReact.CSSPropertiesDatePicker
arrowClassNameStringDatePicker
animationsArrayfalseDatePicker
inputClassString""DatePicker
nameString""DatePicker
idString""DatePicker
titleString""DatePicker
placeholderString""DatePicker
renderReact.Component or FunctionDatePicker
disabledBooleanfalseDatePicker
inputModeStringDatePicker
scrollSensitiveBooleantrueDatePicker
hideOnScrollBooleanfalseDatePicker
calendarPositionStringautoDatePicker
containerStyleObjectDatePicker
containerClassNameStringDatePicker
editableBooleantrueDatePicker
onlyShowInRangeDatesBooleantrueDatePicker
onOpenFunctionDatePicker
onCloseFunctionDatePicker
fixMainPositionBooleanfalseDatePicker
fixRelativePositionBooleanfalseDatePicker
offsetYNumber0DatePicker
offsetXNumber0DatePicker
onPositionChangeFunctionDatePicker
mobileLabelsObjectDatePicker
portalBooleanDatePicker
portalTargetHTMLElementDatePicker
onOpenPickNewDateBooleantrueDatePicker
mobileButtonsHTMLButtonElement[][]DatePicker
dateSeparatorString'~' in range mode, ',' in multiple modeDatePicker
multipleRangeSeparatorString','DatePicker
typingTimeoutNumber700DatePicker
autoFocusBooleanfalseCalendar