/** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ import { CellContext, CalendarViewEnum } from '../models/index.js'; import { DateInputsClassStructure } from '@progress/kendo-react-common'; import * as React from 'react'; /** * The props which will be received by the custom cell of the [Calendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarprops#toc-cell) and the [MultiViewCalendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops#toc-cell). */ export interface CalendarCellProps extends CellContext { /** * Sets a custom CSS class to the calendar cell. */ className?: string; /** * Sets custom inline styles to the calendar cell. */ style?: React.CSSProperties; /** * Determines if the calendar cell is disabled and non-interactive. */ isDisabled?: boolean; /** * Specifies the current calendar view (month, year, decade or century). */ view?: CalendarViewEnum; /** * Allows range selection to be reversed when interacting with the cell. */ allowReverse?: boolean; /** * Triggered when the calendar cell is clicked. */ onClick?: (value: Date, event?: React.MouseEvent) => void; /** * Triggered when the mouse enters the calendar cell. */ onMouseEnter?: (value: Date, event?: React.MouseEvent) => void; /** * Triggered when the mouse leaves the calendar cell. */ onMouseLeave?: (value: Date, event?: React.MouseEvent) => void; /** * Supports additional accessibility or custom attributes. */ [aria: string]: any; /** * @hidden */ unstyled?: DateInputsClassStructure; } /** * The `CalendarCell` component is internally used for rendering the items in the current view. Also be used as a custom `cell` of the [Calendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarprops#toc-cell) and the [MultiViewCalendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops#toc-cell). * * * [Customizing the cells inside the Calendar view](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering#toc-cells-inside-the-view) * * [Customizing the cells inside the MultiViewCalendar view](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/custom-rendering#toc-cells-inside-the-view) */ export declare const CalendarCell: React.NamedExoticComponent;