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

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:

startTime—The first visible hour of the day.
endTime—The last visible hour of the day.
showWorkHours—Determines whether to show only working hours or the interval that is defined by the startTime and endTime options.
allDaySlot—Toggles the all day slot.

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

Change Theme

Theme

Loading ...

For configuration options shared across all views (current time marker, ongoing event highlighting, first day of week, work hours display), see View Features.

Configuring Time Slots within a Time Range

The Scheduler component allows you to configure a block of time with predefined time slots that are available for the users to book. It enables you to personalize the scheduling approach and achieve granularity:

To set the range of time (block of time) where the time slots appear, use the startTime and endTime options of the Scheduler component.
To set the length of the time slots, use the slotDuration property.
To divide a time slot, use the slotDivisions property.