React Scheduler OverviewPremium
React Scheduler is a powerful component designed for scheduling and managing events, appointments, and tasks within React applications. It provides out-of-the-box support for timezone conversion, resources visualization, grouping, editing, and recurring events.
The React Scheduler component is distributed through the @progress/kendo-react-scheduler npm package.
The following example demonstrates the KendoReact Scheduler component in action.
Key Features of React Scheduler
The React Scheduler component delivers a range of handy developer-friendly features whose number and further development are not limited by the list in this section. The KendoReact team constantly invests efforts to improve the performance, add more value to the existing Scheduler library, and develop new features.
Resources
The Scheduler allows the developer to visualize an event by coloring it depending on a field value. Read more about the Scheduler resources...
Grouping
You can group the events in the Scheduler based on their resources and field values. Read more about grouping...
Editing in React Scheduler
The Scheduler lets you create, preview, and edit events through quick-create and event-details popovers or the full event editor. You can also move events by dragging them and change their duration by resizing them.
Views
Display events in Timeline, Day, Week, Month, and Agenda views. In the Day and Week views, multi-day timed events appear above the time grid with their start and end times.
Recurring Events
Create and edit recurring events in a dedicated recurrence dialog. Edit individual occurrences or the whole series, and choose whether to keep or reset custom occurrences when changing a series.
Timezones Conversion
The Scheduler can use the timezone of the client machine or a predefined timezone and also convert all events to the desired timezone. Read more about timezone conversion...
Adaptive Slot Height
The React Scheduler enables you to dynamically change the height of the slots in order to fit a predefined number of items. Read more about adaptive slot height...
Auto Item Height
You can configure the SchedulerViewItem to get automatically resized depending on the size of its content. Alternatively, you can set a constant height value. Read more about auto item height...
Globalization
By using the available globalization options in KendoReact, you can translate the Scheduler messages by adapting them to specific culture locales. Read more about auto globalization..
Support Options
For any questions about the use of KendoReact Scheduler, or any other KendoReact components, there are several support options available:
- KendoReact license holders and anyone in an active trial can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
- The KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
- KendoReact Feedback Portal and KendoReact Roadmap provide information on the features in discussion and also those planned for release.
- KendoReact uses GitHub Issues as its bug tracker, and you can submit any related reports there. Also, check out the closed list.
- Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.