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

Timeline Views

The Timeline, Timeline Week, and Timeline Month views display events on a continuous time-scale.

Configuration

The Timeline, Timeline Week, and Timeline Month views provide the following common settings:

  • startTimeThe first visible hour of the day.
  • endTimeThe last visible hour of the day.
  • showWorkHoursDetermines whether to show only working hours or the interval that is defined by the startTime and endTime options.
  • eventHeightThe height of each event.

For the full list of configuration options, refer to the TimelineViewComponent, TimelineWeekViewComponent, and TimelineMonthViewComponent.

Example
View Source
Edit In Stackblitz  
Change Theme:

Grouping by Resource

You can configure the Timeline views to display events that are grouped by a resource.

Example
View Source
Edit In Stackblitz  
Change Theme:

Setting the First Weekday

The first day of the week for Timeline Week view is determined by the current locale. See the help article on Globalization.

To set a week start day other than the one provided by the locale, use the weekStart setting on the Scheduler component:

Example
View Source
Edit In Stackblitz  
Change Theme: