All Tutorials

This tutorial explains how to create a visual ASP.NET Core application for scheduling shifts (multiple locations and employees). It uses a modern UI that lets you manage shifts using drag and drop.

Vue templates allow adding dynamic content to Vue Calendar events, including interactive elements and custom Vue components.

How to add a zoom feature to the React Scheduler timeline. You can change the zoom level (and timeline resolution) using a "range" control and "zoom in" and "zoom out" buttons.

Angular project that shows how to implement next/previous/today buttons that change the month displayed by the Angular Scheduler component.

How to configure Scheduler event boxes to accept items from an external list (drag and drop). Implemented using standard HTML5 drag and drop API.

The React Scheduler component can record all drag and drop actions and allow unlimited undo/redo. See how to add undo/redo buttons and display the full history.

How to implement event swapping using drag an drop in the JavaScript Scheduler component. Detect events at the target position and move the target event to the source position after drop. The Scheduler provides real-time feedback during dragging.

Open-source React Scheduler with a readable year-view timeline, theme switching, editable events, and custom event rendering.

How to override the drag behavior to allow time range selection to be started anywhere in the Scheduler grid (over cells or events).

What things to look at when you are not happy with the React Scheduler component performance.