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:
selectedDate
—The currently selected date.dateRange
—The currently selectedDateRange
.views
—ASchedulerView
array with the available views.selectedView
—The currently selectedSchedulerView
.
You can declare either of the following built-in navigation components in the toolbar template:
kendoSchedulerToolbarNavigation
—Renders navigation buttons, a calendar, and a date-range label.kendoSchedulerToolbarViewSelector
—Renders the buttons for selecting the view.
To emit navigation events, the components inside the toolbar can inject
the ToolbarService
.
Selector
[kendoSchedulerToolbarTemplate]