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