New to KendoReactLearn about KendoReact Free.

CalendarCellProps

The props which will be received by the custom cell of the Calendar and the MultiViewCalendar.

NameTypeDefaultDescription

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>) => void

Triggered when the calendar cell is clicked.

onMouseEnter?

(value: Date, event?: MouseEvent<any>) => void

Triggered when the mouse enters the calendar cell.

onMouseLeave?

(value: Date, event?: MouseEvent<any>) => void

Triggered when the mouse leaves the calendar cell.

style?

React.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.

view?

CalendarViewEnum

Specifies the current calendar view (month, year, decade or century).

Not finding the help you need?
Contact Support