CalendarCellProps
The props which will be received by the custom cell of the Calendar and the MultiViewCalendar.
Definition
Package:@progress/kendo-react-dateinputs
Properties
allowReverse?
boolean
Allows range selection to be reversed when interacting with the cell.
className?
string
Sets a custom CSS class to the calendar cell.
formattedValue
string
The formatted string value displayed in the calendar cell.
id
string
The unique identifier for the calendar cell.
isDisabled?
boolean
Determines if the calendar cell is disabled and non-interactive.
isFocused
boolean
Indicates if the cell is currently focused.
isInRange
boolean
Indicates if the cell is within a selected date range.
isOtherMonth?
boolean
Indicates if the cell belongs to another month in the current view.
isRangeEnd
boolean
Indicates if the cell is the end of a selected range.
isRangeMid
boolean
Indicates if the cell is in the middle of a selected range.
isRangeSplitEnd?
boolean
Indicates if the cell is the split end of a multi-range selection.
isRangeSplitStart?
boolean
Indicates if the cell is the split start of a multi-range selection.
isRangeStart
boolean
Indicates if the cell is the start of a selected range.
isSelected
boolean
Indicates if the cell is selected.
isToday
boolean
Indicates if the cell represents today's date.
isWeekend
boolean
Indicates if the cell represents a weekend day.
onClick?
(value: Date, event: MouseEvent<any, MouseEvent>) => void
Triggered when the calendar cell is clicked.
onMouseEnter?
(value: Date, event: MouseEvent<any, MouseEvent>) => void
Triggered when the mouse enters the calendar cell.
onMouseLeave?
(value: Date, event: MouseEvent<any, MouseEvent>) => void
Triggered when the mouse leaves the calendar cell.
style?
CSSProperties
Sets custom inline styles to the calendar cell.
title?
string
The title attribute for the cell, used for accessibility or tooltips.
value
Date
The date value represented by the cell.
Specifies the current calendar view (month, year, decade or century).