# 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`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/weekviewprops) properties.

[Demo Source](https://demos.telerik.com/kendo-react-ui/scheduler/views/week/configuration/func/source.txt)

## Grouping by Resource

You can configure the **Week** and **WorkWeek** views to display events that are grouped by a resource.

The following example demonstrates how to group events by multiple resources in both horizontal and vertical orientations.

[Demo Source](https://demos.telerik.com/kendo-react-ui/scheduler/views/week/grouping/func/source.txt)

## Setting the First Weekday

The first day of the week is determined by the current locale. For an example on how to change the locale, refer to the article about [globalization](https://www.telerik.com/kendo-react-ui/components/scheduler/globalization).

> Future releases will include an option for overriding the first day of the week through the properties of the component.

## Suggested Links

* [API Reference of the WeekView](https://www.telerik.com/kendo-react-ui/components/scheduler/api/weekview)
* [API Reference of the WorkWeekView](https://www.telerik.com/kendo-react-ui/components/scheduler/api/workweekview)
* [KendoReact Scheduler](https://www.telerik.com/kendo-react-ui/components/scheduler/)