All Tutorials

How to render custom React JSX components in the Scheduler time header and upper-left corner.

How to insert React components or direct JSX into Scheduler row headers.

How to calculate resource utilization percentage and display a histogram at the top of the Vue Scheduler component.

A quick-start project with a pre-configured Angular Scheduler component. You can download this project and use it as a starting point for your own Angular 22 calendar/scheduler application.

How to configure the JavaScript Scheduler component to display global and resource-specific holidays and prevent user actions in holiday cells.

A tutorial that shows how to create a PHP shift planning system - a web application that lets you manage shifts for multiple locations using a visual JavaScript scheduler component.

You can use the zoom feature in the Calendar to define custom magnification levels. Users can zoom using a slider or the [-] and [+] buttons.

How to render custom JSX components in events displayed by the React Calendar component.

Tutorial with source code - a web application for scheduling dependent machine/production jobs, implemented in Spring Boot (Java).

How to find, focus and highlight a Scheduler row that matches the search criteria.