|
23
Mon
|
24
Tue
|
25
Wed
|
26
Thu
|
27
Fri
|
|
| 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 June 23, 2025 through June 27, 2025. 12 appointments available.
In this demo, the Scheduler component displays days in a work week without non-work days in the Work Week View.
To show the Work Week View, add the DxSchedulerWorkWeekView 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.