|
4
Sun
|
5
Mon
|
6
Tue
|
7
Wed
|
8
Thu
|
9
Fri
|
10
Sat
|
|
| 9 9:00 | 00 | |||||||
| 10 10:00 | 00 | |||||||
| 11 11:00 | 00 | |||||||
| 12 12 PM | PM | |||||||
| 1 1:00 | 00 | |||||||
| 2 2:00 | 00 | |||||||
| 3 3:00 | 00 | |||||||
| 4 4:00 | 00 | |||||||
| 5 5:00 | 00 | |||||||
Scheduler that displays the time period May 4, 2025 through May 10, 2025. 15 appointments available.
In this demo, the Scheduler component displays the entire week, including non-work days, in the Week View.
To show the Week View, add the DxSchedulerWeekView component to the markup. This component includes the following settings that allow you to customize the view:
- ShowWorkTimeOnly — Specifies whether the scheduler displays only working hours.
- SnapToCellsMode — Specifies how appointments snap to time cells.
- TimeIndicatorVisibility — Specifies when to show the current time indicator.
- TimeScale — Specifies the appointment slot time interval.
- VisibleTime — Specifies the visible time interval.
- WorkTime — Specifies the working time interval.
In this demo, the ShowWorkTimeOnly property is specified to display working hours only in the scheduler.