React

The fastest React task scheduler

Bryntum React Scheduler is packed with all the features you need, lightning-fast performance, and easy integration with new or existing applications and any backend technology.

View examples

Download trial

Get started with clear documentation

Feature-rich scheduling library for React

Bryntum React Scheduler supports a range of essential scheduling features to improve efficiency and productivity.

Drag-and-drop resizing
Event editor
Keyboard navigation
Export to PDF, PNG, and Excel
Render JSX components in events and cells
Drag and drop events from an external grid

View all features

React scheduling component code example

Set up Bryntum Scheduler using React in just a few lines of code.

import { BryntumScheduler } from "@bryntum/scheduler-react";
import "./App.css";

function App() {
  return (
    <BryntumScheduler
      viewPreset="hourAndDay"
      startDate={new Date(2024, 2, 20, 6)}
      endDate={new Date(2024, 2, 20, 20)}
    />
  );
}

export default App;

Excellent scheduling performance

Highly performant and responsive even with large data sets, the Bryntum React Scheduler features a combination of performance optimization techniques:

Virtual rendering
Minimal DOM footprint
Extensive element reuse

Effortless Redux Toolkit integration

Bryntum React Scheduler easily integrates with Redux for state management and has a highly efficient rendering engine for excellent scrolling and rescheduling performance – even with large data sets.

Try the Redux Demo

Reuse components and simplify syntax with JSX

The Bryntum React Scheduler offers seamless integration with JSX, supporting both inline JSX and JSX in custom React components. Keep conditional logic and markup together and ensure they stay in sync.

Use JSX in React components to create cell-editing elements, elegant event bars, tooltips, and widgets for your Bryntum React Scheduler.

But JSX isn’t a requirement. Our Bryntum renderer efficiently implements conditional logic and outputs visually rich cell content.

Stunning out-the-box themes for React task scheduler

Bryntum React Scheduler ships with five visually appealing themes that are ready to go.

Need more features?

Try Scheduler Pro

Feature comparison

Render custom content and style event bars

Change anything on the fly with Bryntum React Scheduler. The extensive and reactive Bryntum API makes rendering custom HTML into event bars quick and easy.

View our demo for inspiration on customizing your Bryntum React Scheduler with event progress bars, menu icons, and resource avatars.

View demo

Smooth and intuitive experience

The Bryntum React Scheduler delivers a smooth and intuitive experience for both developers and users. Easily add animations that users enjoy using with the Bryntum React Scheduler component.

View demo