Answered: At this moment, the Calendar component doesn’t expose the coordinates of the time range selection. It’s an element with .calendar_default_shadow CSS class attached so you can use that to locate it an...
Answered: You can use the onBeforeCellRender event handler to add a custom CSS class to selected cells. At this moment, the Lite version doesn’t support the onBeforeHeaderRender event. However, you can use a c...
Answered: By default, the Calendar aligns event boxes with the grid. You can adjust this behavior and display the exact event duration using the useEventBoxes property.
Answered: This optimization is now implemented for the Month control as well in the latest sandbox build (2026.1.6822). If there is any problem, please let me know.
Answered: This happens when the bubble can’t find the source event element properly. There are now additional checks added to the bubble popup logic so you shouldn’t see this error anymore in the latest sandbo...
Answered: The bubble hides if the cursor is moved outside of the source object and the bubble itself. I assume that in your scenario, the cursor stays inside but the calendar scrolls. Is that correct? The cont...
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: 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 ...
Answered: Yes, this is possible. Keep the value of eventMoveHandling set to "Update" . Disable moving for all events by setting moveDisabled: true on each event . This can be done using onBeforeEventRender : o...
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: You can start with the following tutorial which displays a resources calendar similar to yours (time on the vertical axis, resources/providers on the horizontal axis): JavaScript Resource Calendar Tu...
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: 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: I’m not sure if that’s what you mean but in the Calendar component in the Pro version, it is possible to select multiple events and then delete them using the API (use multiselect.events() to get a l...
Answered: This is not a limitation of the trial version. I recommend checking the DOM structure of the production build in the browser (using developer tools) to see whether the elements are using the expected...
Answered: Yes, there turned out to be a problem with the tooltip for calendar events. It should be fixed now in the latest sandbox build (2023.3.485): https://javascript.daypilot.org/sandbox/lite/
Answered: You can take a look at this tutorial: https://code.daypilot.org/64657/angular-scheduler-resource-management It is for Angular, but it shows how to add a context menu to the row headers with additiona...
Answered: At this moment, the Calendar component uses fixed time blocks but it is possible to use a workaround and map the block number to the hour/minute part of the start/end time. This approach is used in t...
Answered: If you want to include the library directly using <script> element you need to download the zip package and include daypilot-all.min.js file instead of using NPM: Pro version: https://javascript.dayp...