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 - Timelines

Timeline views display appointments as a sequence of events on a horizontal timeline, as opposed to basic views that display appointments in a calendar format. You can use the View Switcher above the timetable to switch between the views.

List timeline views in the views array to add them to your Scheduler. To activate a specific view at application startup, use the currentView property.

For information about all supported view types, refer to the following help topic: View Types.

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

This demo shows multiple calendars side-by-side (with data grouped by resources). For information on how to configure such a display, see the following demos: