AgendaViewComponent

Updated on Feb 5, 2026

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

html

<kendo-scheduler>
    <kendo-scheduler-agenda-view></kendo-scheduler-agenda-view>
</kendo-scheduler>

Selector

kendo-scheduler-agenda-view

Inputs

Name	Type	Default	Description
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.
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.
numberOfDays	number	7	Specifies the number of days that the view will render.
selectedDateFormat	string	'{0:D} - {1:D}'	Sets the long-date format for the selected date in the Scheduler toolbar. Defaults to '{0:D} - {1:D}', where 0 is the start and 1 is the end date. For more information, see Parsing and Formatting Dates and Numbers.
selectedShortDateFormat	string	'{0:d} - {1:d}'	Sets the short-date format for the selected date in the Scheduler toolbar. Defaults to '{0:d} - {1:d}', where 0 is the start and 1 is the end date. 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	'agenda'	The invariant name for this view (agenda).