New to Kendo UI for Angular? Start a free 30-day trial
DateHeaderTemplateDirective
Use this directive to customize the date header in Day, Week, and Timeline views of the Scheduler.
To define a date header template, nest an <ng-template>
tag with the kendoSchedulerDateHeaderTemplate
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 header date.
html
<kendo-scheduler-week-view>
<ng-template kendoSchedulerDateHeaderTemplate let-date="date">
<!-- custom date header -->
</ng-template>
</kendo-scheduler-week-view>
Selector
[kendoSchedulerDateHeaderTemplate]