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.
Name | Type | Default | Description |
---|---|---|---|
ariaDescribedBy? |
|
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. jsx
| |
ariaLabelledBy? |
|
Identifies the element(s) which will label the component. jsx
| |
bottomView? |
|
Defines the bottommost view to which the user can navigate. jsx
| |
cell? |
|
Enables the customization or the override of the default Calendar cell. (see example). jsx
| |
className? |
|
Sets the jsx
| |
defaultActiveView? |
|
Sets the default active view of the Calendar. If not set, the Calendar will display the month view. jsx
| |
defaultValue? |
|
Sets the default value of the Calendar. | |
disabled? |
|
Determines whether the Calendar is disabled. (see example). jsx
| |
focusedDate? |
|
Sets the initial focused date of the Calendar. jsx
| |
header? |
|
Enables the customization or the override of the default header in the Calendar. (see example). jsx
| |
headerTitle? |
|
Enables the customization or the override of the default header title in the Calendar. (see example). jsx
| |
id? |
|
Sets the jsx
| |
max? |
|
Sets the maximum allowed date of the Calendar. Defaults to jsx
| |
min? |
|
Sets the minimum allowed date of the Calendar. Defaults to jsx
| |
navigation? |
|
Determines if the navigation sidebar will be displayed. jsx
| |
navigationItem? |
|
Enables the customization or the override of the default navigation item in the Calendar. (see example). jsx
| |
onBlur? |
|
Fires each time the Calendar is blurred. jsx
| |
onChange? |
|
An event that is called after the value of the Calendar has changed. | |
onFocus? |
|
Fires each time the Calendar is focused. jsx
| |
showOtherMonthDays? |
|
Displays the days that fall out of the current month. jsx
| |
smoothScroll? |
|
Deprecated Toggles the smooth scroll animation on navigation item click. By default, the animation is enabled in React 17. jsx
| |
tabIndex? |
|
Sets the jsx
| |
topView? |
|
Defines the topmost view to which the user can navigate. jsx
| |
value? |
|
Sets the value of the Calendar. | |
weekCell? |
|
Enables the customization or the override of the default week-column cell in the Calendar. (see example). jsx
| |
weekDaysFormat? |
|
|
Specifies the possible format options for the displayed Calendar week days' names. jsx
|
weekNumber? |
|
Determines if the week number column will be displayed. jsx
|