React Scheduler

for Material-UIGetting Started Demos

DevExtreme Reactive Components - Maintenance Support Mode

DevExtreme Reactive component libraries are in maintenance support mode. No new features/capabilities will be added to DevExtreme Reactive component libraries in the future (end-of-life: December 2025).

Developing a React App? Check out our updated React UI Suite instead.
If you are considering React for an upcoming software project or have used DevExtreme Reactive components in the past, please visit js.devexpress.com/react and download a free trial version of DevExtreme React UI - over 70+ components designed to help you build your best, without limits or compromise.

Inspired by Google Calendar

Familiar & Intuitive UX

The look and feel of Google’s Material Design and a Google-inspired UX make our React Scheduler extremely easy to use. End-users can manage events using straightforward drag & drop operations (just as they would with Google Calendar).

Recurring Appointments

Use built-in recurring appointment dialogs, configuration forms, and our flexible API to manage recurring event chains. Our React Scheduler is built using the iCalendar specification. As such, you can easily extend and customize it as needed.

Resources Support

Allow end-users to browse multiple schedules (for any entity such as an employee or office location, etc) simultaneously or individually using a resource filter. The same event can be assigned to multiple resources.

Resource Grouping

Allow end-users to browse multiple schedules simultaneously. Once resources have been generated, the scheduler will display multiple parallel timelines. Resource headers can be customized, and the same event can be assigned to multiple resources.

3 Customizable Built-in View Types

Day View

Display a detailed view of events/appointments for a specific day using the DayView plugin. Integrated Date Navigation buttons make it easy to navigate from one day to the next.

Week & Work Week Views

The Week Views display event details across a specific week. End-users can move from one week to the next using built-in navigation buttons.

Month View

The Month View displays a snapshot of appointments across an entire month.

Native Support for the Material-UI Library

Material-UI React Scheduler

DevExtreme React Scheduler leverages the look and feel of the highly popular Material-UI library for the best possible developer experience.

It Doesn’t Stop There...

Customization

Comprehensive customization and extensibility options. From template React components to custom plugins.

Localization

Localize or globalize your react app with ease. Every text element within our React components is customizable.

TypeScript

Create easy-to-maintain and bug-free React applications with our autogenerated TypeScript definitions.

Docs & Examples

Improve your productivity using our straightforward documentation and live React demos/code examples.

Maintenance & Customer Support

We are here to help and to do everything possible to earn your trust. To learn more about our commitment to total customer satisfaction, please check out our support flow on GitHub.

Ready to learn more?Getting Started Demos