AllDayEventTemplateDirective

Use this directive to customize the content of all-day events in the Scheduler.

To define an all-day event template, nest an <ng-template> tag with the kendoSchedulerAllDayEventTemplate directive inside the <kendo-scheduler>, <kendo-scheduler-day-view>, or <kendo-scheduler-week-view> component (see example).

The available fields in the template context are:

• event—The event that is associated with the item.
• resources—The resources of the event.

html

<kendo-scheduler-day-view>
  <ng-template kendoSchedulerAllDayEventTemplate let-event="event" let-resources="resources">
    <!-- custom all-day event -->
  </ng-template>
</kendo-scheduler-day-view>

Selector

[kendoSchedulerAllDayEventTemplate]