MonthViewComponent

Updated on Dec 12, 2025

Represents the component that renders the Month view in the Scheduler.

html

<kendo-scheduler>
    <kendo-scheduler-month-view></kendo-scheduler-month-view>
</kendo-scheduler>

Selector

kendo-scheduler-month-view

Inputs

Name	Type	Default	Description
adaptiveSlotHeight	boolean	false	Enables adaptive slot height in the Scheduler. Increases the slot group (row) height when containing events up to the number of displayed events and reduces its height if there are fewer events for that slot group (row) (see example).
eventClass	(args: EventStyleArgs) => any		Defines a function that is executed for every event in the view. The function returns a value which is supported by ngClass.
eventHeight	number | "auto"		Sets the height of the rendered events. If set to 'auto', the height is based on the event content (see example). When set to 'auto', it automatically sets the adaptiveSlotHeight property to true.
eventsPerDay	number | "auto"	2	Sets the number of events to render per day. If set to 'auto', all events display in the slot. If set to 0, it normalizes to 1 (see example). When set to 'auto', it automatically sets the adaptiveSlotHeight property to true.
eventStyles	(args: EventStyleArgs) => any		Defines a function that is executed for every event in the view. The function returns a value which is supported by ngStyle.
hiddenDays	Day[]		Specifies the days that will be hidden from the view. Accepts an array of Day enum values.
highlightOngoingEvents	boolean | OngoingEventsSettings		Specifies the settings for the ongoing events highlight of the Scheduler.
selectedDateFormat	string	'{0:Y}'	Sets the long-date format for the selected date in the Scheduler toolbar. For more information, see Parsing and Formatting Dates and Numbers.
selectedShortDateFormat	string	'{0:y}'	Sets the short-date format for the selected date in the Scheduler toolbar. For more information, see Parsing and Formatting Dates and Numbers.
showToolbar	boolean		Specifies whether to display the toolbar of the Scheduler.
slotClass	(args: SlotClassArgs) => any		Defines a function that is executed for every slot in the view. The function returns a value which is supported by ngClass see example.

Fields

Name	Type	Default	Description
name	string	'month'	The invariant name for this view.

Events

Name	Type	Description
moreEventsClick	EventEmitter<MoreEventsClickEvent>	Fires when the more events button in the Month view is clicked. Allows you to prevent the default navigation to the Day view or provide custom handling. The event provides arrays of displayedEvents and moreEvents for the clicked day.