New to Kendo UI for AngularStart 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]

In this article
Selector
Not finding the help you need?
Contact Support