DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

React Scheduler - All Day Panel Mode

The All day Scheduler panel displays appointments that last longer than 24 hours or have the allDay property set to true (don't have specific start/end times).

To give you the ability to edit code on the fly, the demo uses SystemJS. For this reason, launching the demo takes some time. We strongly recommend that you do not use this approach in real projects.
Backend API

To change the All day panel display mode, assign one of the following values to the allDayPanelMode property:

  • 'all' (default)
    Displays all appointments that have the allDay property set to true and the ones that last 24 hours or longer. The Scheduler does not display these appointments in the view.

  • 'allDay'
    Displays only appointments that have the allDay property set to true. The Scheduler shows other appointments in the view.

  • 'hidden'
    Hides the All day panel. The Scheduler shows all appointments in the view.