Day and Week Views

The Day, Multi-Day, Week, and Work Week views display events in a familiar calendar layout.

Configuration

The Day, Multi-Day, Week, and Work Week 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.

For the full list of configuration options, refer to the DayViewComponent, MultiDayViewComponent, WeekViewComponent, and WorkWeekViewComponent.

Example
View Source
Edit In Stackblitz  
Change Theme:

Grouping by Resource

You can configure the Day, Multi-Day, Week, and Work Week 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 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: