TimeSlotTemplateDirective

Represents the template for the time-slot renderer in the *Day, *Week, and *Timeline views.

To define a time-slot template, nest an <ng-template> tag with the kendoSchedulerTimeSlotTemplate directive inside the <kendo-scheduler>, <kendo-scheduler-day-view>, <kendo-scheduler-week-view>, <kendo-scheduler-timeline-view>, <kendo-scheduler-timeline-week-view>, or <kendo-scheduler-timeline-month-view> component (see example).

The available fields in the template context are:

• date—The date of the slot.
• resources—The resources of the slot.

html

<kendo-scheduler-week-view>
  <ng-template kendoSchedulerTimeSlotTemplate let-date="date" let-resources="resources">
    <!-- custom time slot -->
  </ng-template>
</kendo-scheduler-week-view>

Selector

[kendoSchedulerTimeSlotTemplate]