Day View

18 Wed
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 December 18, 2024. 2 appointments available.

The Scheduler component can display a single day or multiple consecutive days in the Day View.

To show the Day View, add the DxSchedulerDayView component to the markup. This component includes the following settings that allow you to customize the view:

  • DayCount — Specifies the number of days displayed in 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 DayCount property is set to 1 to display a single day and the ShowWorkTimeOnly property is set to true to display working hours only in the scheduler.