This Next.js app uses a resource-scheduling calendar UI to let you manage tasks for multiple resources side by side. Each column displays a 24-hour timeline for a different resource.
Dec 13, 2024
Learn how to build a customized monthly calendar UI in Next.js 15 using the open-source DayPilot scheduling library.
Nov 17, 2024
React application that lets you visually schedule shifts at multiple locations. The backend REST API is implemented using PHP and MySQL.
Oct 9, 2024
How to insert React components or direct JSX to Scheduler row headers.
Aug 16, 2024
React application that will let you assign queued work orders to a specific employee and time slot. Includes a PHP backend with MySQL storage.
Aug 11, 2024
React application that displays a weekly event calendar using an open-source DayPilot React calendar component. Includes a date picker for changing the visible week. The calendar/scheduler appearance is customized using CSS.
Jul 31, 2024
React application that displays a monthly event calendar. Calendar events use custom background to show event type. A context menu allows deleting events and changing color.
Jul 30, 2024
How to display a timesheet in your React application. You can set a custom resolution of the time axis, specify the number of days to be displayed, calculate daily totals. The timesheet lets you modify the records using drag and drop.
Jul 28, 2024
Simple React application that displays a project schedule using a Gantt Chart component.
Jul 23, 2024
Add a scheduler UI component to your React application in a few easy steps. Fast data loading, drag and drop, appearance customization options.
Jul 17, 2024
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.
Jul 9, 2024
This tutorial shows how to create a complex calendar component that displays integrated daily, weekly and monthly calendars in React.
Jun 16, 2024
How to render custom JSX in events displayed by the React Scheduler component.
Oct 25, 2023
How to activate external items so they can be dragged to the React Scheduler component.
Oct 10, 2022
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.
Aug 3, 2022
How to render custom React JSX component in the Scheduler grid cells.
Apr 4, 2022
The React Scheduler component allows customization of event content. This tutorial shows how to add a custom progress bar using event active areas.
Mar 4, 2022
How to render custom JSX components in events displayed by the React Calendar component.
Dec 8, 2021
How to display React JSX components in the Scheduler horizontal time header.
Aug 3, 2021
How to use the column hierarchy feature of the React calendar to display events for many resources. The groups and resources are displayed as columns and the time slots are displayed as rows.
Jul 30, 2021
Articles 1-20 of 21
Next