New to KendoReact? Start a free 30-day trial

The CalendarNavigationItem component is internally used for rendering the items in the side navigation of the Calendar. Also used as a custom navigation item for the Calendar (see example).

Definition

Package:@progress/kendo-react-dateinputs

Properties Interface:CalendarNavigationItemProps

Properties

children?

ReactNode

Child elements to render within the navigation item

CSS class name to apply to the navigation item

id?

string

Unique identifier for the navigation item element

Indicates whether this item represents the start of a range selection

onClick?

(value: Date, event: SyntheticEvent​<any, Event>) => void

Callback function triggered when the navigation item is clicked

Parameters:valueDateevent?SyntheticEvent​<any, Event>

style?

CSSProperties

CSS styles to apply to the navigation item

text?

string

The text content displayed in the navigation item

value

Date

The date value associated with this navigation item

The current view of the calendar (month, year, decade, century)