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