React Scheduler

for Material-UIGetting Started Demos

Product Overview

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).
Familiar & Intuitive UX
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.
Recurring Appointments
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.
Resources Support
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.
Resource Grouping

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.
Day View
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.
Week & Work Week Views
Month View
The Month View displays a snapshot of appointments across an entire month.
Month View
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.
Material-UI React Scheduler
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 StartedDemos