9
Sun
|
10
Mon
|
11
Tue
|
12
Wed
|
13
Thu
|
14
Fri
|
15
Sat
|
|
Book Flights to San Fran for Sales Trip
Customer Workshop
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 | |||||||
Install New Router in Dev Room
10:00 AM - 12:30 PM
Upgrade Personal Computers
1:00 PM - 3:30 PM
Website Redesign Plan
9:30 AM - 12:00 PM
New Brochures
1:30 PM - 3:15 PM
Approve Personal Computer Upgrade Plan
10:00 AM - 1:00 PM
Final Budget Review
2:00 PM - 4:30 PM
Install New Database
9:45 AM - 11:45 AM
Approve New Online Marketing Strategy
12:30 PM - 3:30 PM
Prepare 2021 Marketing Plan
10:30 AM - 1:00 PM
Brochure Design Review
2:00 PM - 4:30 PM
Create Icons for Website
10:00 AM - 12:30 PM
Launch New Website
1:20 PM - 4:00 PM
Upgrade Server Hardware
11:00 AM - 1:30 PM
Scheduler that displays the time period February 9, 2025 through February 15, 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.