CalendarProps
Represents the props of the KendoReact Calendar component. The generic argument is passed to the onChange property and is used as a target in the CalendarChangeEvent interface.
Definition
Package:@progress/kendo-react-dateinputs
Properties
ariaDescribedBy?
string
Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example, these elements could contain error or hint messages.
ariaLabelledBy?
string
Identifies the element(s) which will label the component.
Defines the bottommost view to which the user can navigate.
cell?
ComponentType<CalendarCellProps>
Enables the customization or the override of the default Calendar cell. (see example).
className?
string
Sets the className of the Calendar.
Sets the default active view of the Calendar. If not set, the Calendar will display the month view.
defaultValue?
null | Date
Sets the default value of the Calendar.
disabled?
boolean
Determines whether the Calendar is disabled. (see example).
focusedDate?
Date
Sets the initial focused date of the Calendar.
header?
ComponentType<CalendarHeaderProps>
Enables the customization or the override of the default header in the Calendar. (see example).
headerTitle?
ComponentType<CalendarHeaderTitleProps>
Enables the customization or the override of the default header title in the Calendar. (see example).
id?
string
Sets the id of the Calendar.
max?
Date
Sets the maximum allowed date of the Calendar. Defaults to 2099-12-31.
(see example).
min?
Date
Sets the minimum allowed date of the Calendar. Defaults to 1900-1-1.
(see example).
navigation?
boolean
Determines if the navigation sidebar will be displayed.
navigationItem?
ComponentType<CalendarNavigationItemProps>
Enables the customization or the override of the default navigation item in the Calendar. (see example).
onBlur?
(event: FocusEvent<any, Element>) => void
Fires each time the Calendar is blurred.
onChange?
(event: CalendarChangeEvent<T>) => void
An event that is called after the value of the Calendar has changed.
onFocus?
(event: FocusEvent<any, Element>) => void
Fires each time the Calendar is focused.
showOtherMonthDays?
boolean
Displays the days that fall out of the current month.
smoothScroll?
boolean
Deprecated
Toggles the smooth scroll animation on navigation item click. By default, the animation is enabled in React 17.
tabIndex?
number
Sets the tabIndex property of the Calendar.
Defines the topmost view to which the user can navigate.
value?
null | Date
Sets the value of the Calendar.
webMcp?
boolean | WebMcpProps
Enables Web MCP tool registration for this component.
Requires a parent WebMcpProvider from @progress/kendo-react-webmcp.
weekCell?
ComponentType<CalendarWeekCellProps>
Enables the customization or the override of the default week-column cell in the Calendar. (see example).
Specifies the possible format options for the displayed Calendar week days' names.
short *
weekNumber?
boolean
Determines if the week number column will be displayed.