Bryntum Scheduler

What is Bryntum Scheduler?

A versatile, reliable, and feature-complete Scheduler component built with vanilla JavaScript and TypeScript, Bryntum Scheduler easily integrates with any backend or UI framework, including React, Vue, and Angular.

Bryntum Scheduler is a full-featured scheduling component with a rich, clean and comprehensively documented API and many ways to customize and extend it. It is accessible, responsive and supports touch devices.

It is themed using modern CSS techniques and includes a number of preconfigured themes, each of which may be switched between light and dark mode. All aspects of the appearance may be customized using CSS variables.

The Bryntum Scheduler best-in-class experience includes:

Comprehensive feature set
Exceptional performance
Easy customization

The easiest way to start using Bryntum Scheduler is by installing it using npm.

Get up and running quickly with a step-by-step guide:

Vue

Bryntum Scheduler offers the best in class experience, including:

A vast range of features
Great performances
Easy customisation
and more.

Bryntum Scheduler live demo

Explore Bryntum Scheduler and test some of its features in the live demo.

For a complete overview of Bryntum Scheduler capabilities, explore the topic-specific guides in the menu, visit our API documentation, and browse Bryntum Scheduler examples.

Continuous evolution and improvement

Maintenance releases with bug fixes are released on average every two weeks, with minor releases every quarter. See the public change log

Keep up to date with developments on our blog

Integration

Bryntum Scheduler is compatible with all modern browsers – including Chrome, Firefox, Safari, and the latest version of Edge – regardless of your target technology.

Before integrating Bryntum Scheduler with any framework, ensure that your environment meets the following version requirements:

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0

Use Bryntum Scheduler out of the box or integrate it with your framework of your choice and many third-party solutions.

If you have already downloaded Bryntum Scheduler, you'll find framework examples in the examples/frameworks folder. If you haven't downloaded Bryntum Scheduler yet, you can get a free trial here. You can get started using the Bryntum trial npm packages, which are public.

How does it work?

The Bryntum Scheduler consists of two parts:

Data, consisting of events, resources, assignments, and calendars.
Visualization, the user interface that displays and interacts with the data.

The visualisation and user interface part of the Scheduler is based on the Bryntum Grid and is written in plain JavaScript. So you can use most Scheduler and Grid features too. For more information about Grid capabilities, please visit the Grid Component documentation.

A traditional Bryntum Scheduler setup uses frozen grid columns on the left with the Scheduler timeline, a specialized grid, occupying the remaining available space. A horizontal scrollbar allows users to scroll the timeline. You can connect additional grids to the Scheduler to enhance the user experience.

Next steps

The best way to get started with Scheduler is by following one of our quick start guides, which provides step-by-step instructions. Once you're familiar with the basics, continue with the in-depth tutorial to explore advanced features. Choose your preferred technology below to begin:

React

Angular

Vue

Vanilla JS