CalendarCellProps

Defines the props for the CalendarCell component.

Props

The following table outlines the props for the CalendarCellProps:

NameTypeDefaultDescription
date
Date
-

The Date object that the cell represents.

isDisabled
boolean
false

When true, the calendar cell is disabled and non-interactive.

isFocused
boolean
false

When true, indicates that the cell has keyboard focus.

isOutOfRange
boolean
false

When true, indicates that the cell's date is outside the primary range of the current view (e.g., a date from a previous or next month).

isSelected
boolean
false

When true, indicates that the cell's date is currently selected.

isToday
boolean
false

When true, indicates that the cell represents today's date.

isWeekend
boolean
false

When true, indicates that the cell represents a weekend day.

onClick
(event: React.SyntheticEvent) => void
-

A callback function triggered when the cell is clicked.

view
-

Specifies the calendar view (Month, Year, or Decade) in which the cell is rendered. This is useful for applying view-specific logic or styling.

weekHeader
boolean
false

When true, marks the cell as a day-of-the-week header, typically found at the top of a column in the month view.

weekNumber
boolean
false

When true, marks the cell as a week number header, typically found at the start of a row in the month view.