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:
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 thestartTimeandendTimeoptions.eventHeight—The height of each event.
For the full list of configuration options, refer to the TimelineViewComponent, TimelineWeekViewComponent, and TimelineMonthViewComponent.
For configuration options shared across all views (current time marker, ongoing event highlighting, 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
startTimeandendTimeoptions of the Scheduler component. - To set the length of the time slots, use the
slotDurationproperty. - To divide a time slot, use the
slotDivisionsproperty.
Specifying the Timeline Visible Range
To customize the visible range of the Timeline, Timeline Week and Timeline Month views set the numberOfDays, numberOfWeeks and numberOfMonths option for the respective view.