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

Week View

The Week and WorkWeek views display events in a familiar calendar layout with a pre-defined number of days and navigation step.

The Week and WorkWeek views are rendering a DayView component with a pre-configured date range, step and numberOfDays properties.

Getting Started

The Week and WorkWeek views provide the following common settings:

  • workWeekStart—The first visible day of the week.
  • workWeekEnd—The last visible day of the week.

The following example demonstrates how to set common properties of the Week view of the Scheduler. For the full list of configuration options, refer to the API reference of the WeekView properties.

Example
View Source
Edit In Stackblitz  
Change Theme:

Grouping by Resource

You can configure the Week and WorkWeek views to display events that are grouped by a resource. The grouping can be horizontal and vertical.

The below example shows how to configure the Week and WorkWeek views grouped resources in a horizontal orientation.

Example
View Source
Edit In Stackblitz  
Change Theme:

The below example shows how to configure the Week and WorkWeek views grouped resources in a vertical orientation.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?