Questions Tagged react

Answered: Thanks for reporting the issue. It should be fixed now in the latest sandbox build (2026.2.815).

Answered: This was an unintended side effect and the behavior is now reverted in the latest release ( 2026.2.6899 ). Please let me know if the problem persists.

Answered: As far as I can see, the event border seems to work fine on all-day events: onBeforeEventRender: args => { args.data.borderColor = "red"; } If it doesn’t show properly in your app, I recommend inspec...

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 ...

Answered: This can be added easily - I’ll let you know as soon as it is available.

Answered: Yes, this is an internal property and its name will change in the future. I would try to split the resources vertically using the split resources feature. It lets you define sub-resources for each re...

Answered: This is now implemented in the latest release ( 2025.3.6631 ). The links from rendered events to events outside of the timeline will be displayed as well. The invisible event needs to be loaded and t...

Answered: This issue should be fixed now in the latest release ( 2025.3.6631 ). Please let me know if the problem persists.

Answered: This issue should be fixed now in the latest release ( 2025.3.6631 ).

Answered: This looks like a regression of a bug that was fixed in 3.32.1 (incorrect args.cell.start / end in onTimeRangeSelect / onTimeRangeSelected events when heightSpec is set to "BusinessHoursNoScroll" ). ...

Answered: This seems to be a problem of some of the older releases. The latest version (2025.2.6442) should work fine with args.target = "Text"; . Could you please give it a try? Please let me know if the prob...

Answered: I confirm the bug. It should be fixed now in the latest sandbox build . The fix will be included in the next release.

Answered: The recurrence needs to be handled on the server side. You need to supply the expanded occurrences to the calendar as part of the dataset. Most likely, you will want to show an icon indicating that t...

Answered: You can use the Queue component to display a list of events. As a bonus, they will be draggable to the Scheduler. You can see a demo here.

Answered: Yes, this example focused on the configuration of the React calendar on the client side (installation, changing the date, customizing appearance, …). In a standard application, you will need to conne...

Answered: You may be overlooking something. The DayPilotMonth React component indeed uses the ”month_default” CSS theme. You can check it by inspecting the DOM elements in the JavaScript demo , You can apply a...

Answered: You can add custom objects (icons, etc.) to the row header columns using active areas. To add an active area, use the onBeforeRowHeaderRender event handler: onBeforeRowHeaderRender = (args) => { args...

Answered: It was almost ready - the RTL support is now available in the latest sandbox build (2024.3.5979). You can get the sandbox React package at npm.daypilot.org . See also a live demo in the sandbox: Mont...

Answered: Unfortunately, RTL is not supported in the Lite version at the moment.

Answered: The calendar works with a Gregorian calendar internally, and the Jalali/Shamsi calendars are not directly supported. However, in the resources view , the calendar shows just a single day and the date...

Answered: At this moment, the weekStarts property is not available in the Lite version. However, you can set a custom week start using the locale property. If there is no built-in locale that meets your needs,...

Answered: Hi Samir, With the following setup, the resource calendar will display one day on the vertical axis. As the startDate is not specified, it will use the current day for all columns/resources. <DayPilo...

Answered: > in MonthConfig it is defined as “events?: EventData;” This was incorrect, and it has been fixed now in the latest release. > CalendarConfig contains a definition for the function overload “remove(i...

Answered: The button order is fixed but you can change it using custom CSS: .modal_default_buttons { display: flex; } .modal_default_ok { order: 2; } .modal_default_cancel { order: 1; } You can add images usin...

Answered: In the onBeforeRowHeaderDomAdd event handler, you can specify the target that of the custom element using the args.target property. By default, it is set to "Cell" . In this case, it will overwrite t...

Answered: If you use scale: "Hour" , which displays one hour per cell , you can hide the non-business hours using the built-in mechanism. React example: import React, { useState } from 'react'; import { DayPil...

Answered: You can use the onBeforeEventRender event handler to customize the events . A sample implementation could look like this: onBeforeEventRender: (args) => { if(args.data.status === "completed") { args....

Answered: I haven't seen this problem before. Unless you are doing something special on onBeforeHourRender, it will be a problem with the compilation/minification performed by your version of React. React 15 w...