Day View

21 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

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.