Skip to content
DayPilot

react scheduler

Next.js Scheduler with DayPilot: A Step-by-Step Guide

Next.js Scheduler with DayPilot: A Step-by-Step Guide

Learn how to incorporate the React Scheduler in a Next.js application, focusing on configuration, event handling, and using the direct API.
React Scheduler: Timeline Zoom

React Scheduler: Timeline Zoom

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.
How to Add Custom Progress Bar to React Scheduler Events

How to Add Custom Progress Bar to React Scheduler Events

The React Scheduler component allows customization of event content. This tutorial shows how to add a custom progress bar using event active areas.
React JSX Components in Scheduler Grid Cells

React JSX Components in Scheduler Grid Cells

How to render custom React JSX component in the Scheduler grid cells.
React Scheduler: Next/Previous Buttons

React Scheduler: Next/Previous Buttons

Add "next" and "previous" buttons to your React application and let users switch the month displayed by the Scheduler component.
React Scheduler: How to Enable Undo/Redo

React Scheduler: How to Enable Undo/Redo

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.
React Work Order Planning System (PHP/MySQL)

React Work Order Planning System (PHP/MySQL)

React application that will let you assign queued work orders to a specific employee and time slot. Includes a PHP backend with MySQL storage.
React Scheduler: Rendering JSX Component in Callout (Bubble)

React Scheduler: Rendering JSX Component in Callout (Bubble)

The React Scheduler allows defining the callout (bubble) content as a React JSX component. The component will be created automatically when the callout is activated and removed and unmounted when the callout is hidden.
React Scheduler: Large Datasets and Performance

React Scheduler: Large Datasets and Performance

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