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 - Grouping By Date

Appointments can be grouped by resources. This demo declares a single resource—Priority. Refer to the following demo for more information about resources and their configuration: Resources.

When appointments are grouped by resources, you can additionally group them by date first. To do this, set groupByDate to true. You can also use the same property for individual views. Note that Scheduler groups appointments by date when the view's groupOrientation is "horizontal" only.

In this demo, you can use the switch below the Scheduler to change the value of groupByDate.

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