New to Kendo UI for Angular? Start a free 30-day trial
AllDaySlotTemplateDirective
Use this directive to customize the content of all-day slots in the Scheduler.
To define an all-dat slot template, nest an <ng-template>
tag with the kendoSchedulerAllDaySlotTemplate
directive inside the
<kendo-scheduler>
, <kendo-scheduler-day-view>
, or <kendo-scheduler-week-view>
components (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 kendoSchedulerAllDaySlotTemplate let-date="date" let-resources="resources">
<!-- custom all-day slot -->
</ng-template>
</kendo-scheduler-week-view>
Selector
[kendoSchedulerAllDaySlotTemplate]