All Tutorials

How to enable keyboard navigation in the JavaScript Scheduler component. Use the keyboard to focus cells in the grid, select a time range and edit existing events.

How to configure the image export of the JavaScript Scheduler to include rich HTML content.

How to export the Scheduler view to Angular, including frozen time headers (X axis) and row headers (Y axis). Add a custom row with utilization summary to the frozen headers.

How to dynamically calculate the utilization percentage for each resource and display a chart with utilization details in the Scheduler row headers.

Add an icon to the JavaScript Scheduler row headers that will let users scroll to the next free slot in the row.

Add an interactive scheduling calendar to your Next.js application using the open-source DayPilot library.

How to activate external items so they can be dragged to the React Scheduler component.

Angular application with real-time filtering of Scheduler component rows (by name, by number of events).

When removing events from the scheduler, it is possible to remove them completely or to move them to a queue of unscheduled tasks or a row with unassigned events (while keeping the scheduled time).

How to limit the number of concurrent events displayed by the monthly calendar and add an "expand" button to access the events.