AgendaTimeTemplateDirective

Use this directive to customize the time header in the Agenda view of the Scheduler.

To define a time template, nest an <ng-template> tag with the kendoSchedulerAgendaTimeTemplate directive inside the <kendo-scheduler> or <kendo-scheduler-agenda-view> component (see example).

The available fields in the template context are:

• start—The start date of the event.
• end—The end date of the event.
• title—The title of the event.
• description—The description of the event.
• isAllDay—A Boolean value which indicates if the event is all-day.
• resources—The resources of the event.

html

<kendo-scheduler-agenda-view>
  <ng-template kendoSchedulerAgendaTimeTemplate let-start="start" let-end="end" let-title="title" let-description="description" let-isAllDay="isAllDay" let-resources="resources">
    <!-- custom time header -->
  </ng-template>
</kendo-scheduler-agenda-view>

Selector

[kendoSchedulerAgendaTimeTemplate]