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: This feature is available in the Pro version: Fixed Column Width In the Lite version, you can use the Scheduler component with switched axes (resources on the Y axis).
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 should be fixed now in the latest sandbox build (2025.4.772, NPM ). It only happens with floating events enabled, so the workaround for the current release would be to disable this feature. Plea...
Answered: The onEventMoving event is not available in the Lite version. However, you can apply your rules in the onEventMove event (on drop) and cancel the action using args.preventDefault() if needed.
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} ...
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: 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...
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...
Answered: You can set a custom HTML for the row header using onBeforeRowHeaderRender like this: onBeforeRowHeaderRender: args => { args.row.html = `<div style="font-weight:bold; margin-bottom:5px;">${args.row....
I would like to set an initial/default value when opening a form for a field with the type "searchable", is it possible? Matching by key from data object does not work
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: Sorry for the confusion, the cell customization is not yet available in the Scheduler in the Lite version. It will be added in one of the future releases.
Answered: Saw here and apparently it’s the global CSS border property messing with the table https://forums.daypilot.org/question/4960/why-daypilot-lines-are-not-aligned
Answered: At this moment, the Lite version of the Calendar only displays events this way - the start and end times are aligned with the grid cells and the real duration is highlighted using the duration bar . ...
Answered: In the Lite version, you can use this config: { businessBeginsHour: 8, businessEndsHour: 21, heightSpec: "BusinessHoursNoScroll" } This will display only the specified hours, but there will be no ver...
Answered: The open-source version doesn’t support all functionality on touch devices at the moment. For example, you can click a time slot to select it but you can’t select multiple cells by dragging. The full...
Answered: It the open-source version, the event box is always aligned with the grid cells. In the Pro version, it is possible to turn off this behavior (see exact event duration ). The real start and end is hi...
Answered: When you use an async function in the event handler, calling args.preventDefault() after await has no effect as the processing continues immediately (before args.preventDefault() gets called). You ne...
Answered: Unfortunately, this feature is only available in the Pro version at the moment. In the open-source version, the selection is limited to a single column of the Calendar component.