New to Kendo UI for AngularStart a free 30-day trial

Views Basics

You can configure the Scheduler to display events in different views.

View Types

Currently, the Scheduler supports the following built-in views:

Getting Started

To select from the available view types and set their configuration options, place the views as child Scheduler components.

The order of views in the toolbar is determined by the order of the child view components.

ts
<kendo-scheduler>
    <kendo-scheduler-day-view startTime="07:00">
    </kendo-scheduler-day-view>

    <kendo-scheduler-week-view>
    </kendo-scheduler-week-view>
</kendo-scheduler>

The following example demonstrates the Day and Week Scheduler views.

Change Theme
Theme
Loading ...

Setting the Selected View

To control the currently selected view, use the selectedViewIndex attribute.

Change Theme
Theme
Loading ...

Highlight Ongoing Events

By default, the Scheduler highlights events that are currently ongoing. This behavior can be disabled or customized through the highlightOngoingEvents input.

If settings are passed to the Scheduler component, they are applied to all of its views. However, if highlightOngoingEvents settings are passed to a given view individually (for example, Day view), that takes precedence.

Change Theme
Theme
Loading ...