navigator is not defined for next js application
Answered: Unfortunately, I’m not able to reproduce the issue with Next.js 14 and 15. With 'use client';, you should be able to import DayPilotScheduler in a standard way: import {DayPilot, DayPilotScheduler} f...
RTL is broken past v3.32.1
Answered: Calendar RTL compatibility is in the queue and it’s coming soon (within weeks). Just note that RTL will not be supported for the Scheduler in the near future - this is a much more complex issue than ...
React Scheduler > Uncaught Error when moving resource after collapse
Answered: The latest sandbox build (2025.3.6659) now supports rows.collapse() method and onRowMoveStart event. You can use them to implement this functionality: onRowMoveStart: args => {
scheduler.rows.co...
How to detect the end of a row move session?
Answered: In the latest sandbox build (2025.3.6658), the Scheduler supports a new property (rowMoveFireOnForbiddenTarget) that lets you configure this.
Events incorrectly overlapping in Scheduler
Answered: In this particular case, it is by design: The overlaps are resolved on pixel level, not on time level. That is necessary for proper display. The Scheduler enforces a minimum width of 1 px for small e...
Recurring Events for DayPilot Javascript Pro
Answered: The recurrence needs to be implemented on the server side and the UI depends on the supported rules; that’s why this is not implemented in the JavaScript version.
15 and 20 minute events don't show up correctly on workweek view
Answered: Thanks. This happens because the calendar uses event boxes by default. In the JavaScript version, you can turn it off using useEventBoxes: "Never". BTW, it looks like some of your property names are ...
Setting the "cssClass" property on a Calendar Event
Answered: Yes, this is correct. Please note that the CSS class is applied at the top level (it is added to the div with calendar_default_event class). You can verify that using browser developer tools. If you ...
Load from file
Answered: Loading files this way doesn’t work on a local filesystem. That’s a browser security limitation. You will need to run the app on a webserver.
How to change language of calendar in modal form?
Answered: You can specify the locale option for the modal form: const showDialog = async () => {
const form = [
{ name: "Name", id: "name" },
// ...
];
const data = {};
const option...
List of all questions.