DEVELOPER REFERENCE · v4.0.0

CalendarDay API

Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.

CalendarDay18 props4 callbacks0 methods

Props18

CalendarDay props
Name	Type	Description
`date`Required	`ISODateString`Inspect type	ISO date represented by this day button.
`label`Required	`string`	Label content or accessible name for the component, as rendered by this control.
`className`Optional	`string \| undefined`	Additional CSS classes applied to the component root.
`outside`Required	`boolean`	Marks a day belonging to a month outside the currently displayed month.
`hidden`Required	`boolean`	Omits the day from the visible calendar while retaining its layout cell.
`disabled`Required	`boolean`	Disables user interaction with the control.
`focused`Required	`boolean`	Marks the item or date that currently has keyboard focus.
`selected`Required	`boolean`	Selected value or selected-state flag; the declared type identifies which representation the control uses.
`previewed`Required	`boolean`	Marks a day included in the current selection preview.
`previewInvalid`Optional	`boolean \| undefined`	Marks the preview as unavailable without changing the committed selection.
`previewDescriptionId`Optional	`string \| undefined`	ID of the accessible explanation associated with invalid preview dates.
`rangeStart`Required	`boolean`	Marks the first day of the selected range.
`rangeEnd`Required	`boolean`	Marks the last day of the selected range.
`previewStart`Required	`boolean`	Marks the first day of the preview range.
`previewEnd`Required	`boolean`	Marks the last day of the preview range.
`today`Required	`boolean`	Marks the day corresponding to Today.
`content`Optional	`ComponentChildren`Inspect type	Custom content rendered by the item, tooltip or calendar day.
`setRef`Required	`(date: ISODateString, element: HTMLButtonElement \| null) => void`Inspect type	Registers the rendered day button for the given date.

Events and callbacks4

CalendarDay events and callbacks
Name	Type	Description
`onFocus`Required	`(date: ISODateString) => void`Inspect type	Called when focus moves to an item or control; the signature identifies the focused value.
`onPreview`Required	`(date?: ISODateString) => void`Inspect type	Updates the date preview; undefined clears it.
`onKeyDown`Required	`(event: h.JSX.TargetedKeyboardEvent<HTMLButtonElement>, date: ISODateString) => void`Inspect type	Handles keyboard input; receives the keyboard event and any item/date context shown in the signature.
`onSelect`Required	`(date: ISODateString) => void`Inspect type	Called when the user selects an item. The signature identifies the selected value and any additional context.

Methods0

No component-specific imperative methods. Use props and callbacks to control this component.