New to Kendo UI for Angular? Start a free 30-day trial

ToolbarTemplateDirective

Represents the toolbar template of the Scheduler. To define a toolbar template, nest an <ng-template kendoSchedulerToolbarTemplate> tag inside <kendo-scheduler>. For more information and examples, refer to the article on customizing the toolbar of the Scheduler.

The template context receives the following template variables:

  • selectedDateThe currently selected date.
  • dateRangeThe currently selected DateRange.
  • viewsA SchedulerView array with the available views.
  • selectedViewThe currently selected SchedulerView.

You can declare either of the following built-in navigation components in the toolbar template:

  • kendoSchedulerToolbarNavigationRenders navigation buttons, a calendar, and a date-range label.
  • kendoSchedulerToolbarViewSelectorRenders the buttons for selecting the view.

To emit navigation events, the components inside the toolbar can inject the ToolbarService.

Example
View Source
Edit In Stackblitz  
Change Theme:

Selector

[kendoSchedulerToolbarTemplate]

In this article

Not finding the help you need?