All Questions

Answered: It is necessary to add the event handler globally (attach it to the document element). Attaching it to the menu element would only work after calling focus() , and you would also have to handle focus...

Answered: Thanks for the update. This issue should be fixed already (since 2024.2.5936 ). If the problem persists with the latest version, 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 missing properties are available now in the latest sandbox build (2025.4.6764). Please let me know if there is any problem.

Answered: This issue should be fixed now in the latest sandbox build (2025.4.6750). If the problem persists, please let me know.

Answered: Hi Leo, This can’t be done in onTimeRangeSelecting , but you can use onGridMouseDown instead. This event is fired on mouse down, before any action is performed. You can cancel time range selecting th...

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: Hi Leo, The purpose of the invalidate() method is to clear the cached cell customization results (the args.cell.properties values set in onBeforeCellRender ). It doesn’t force a refresh of the cells....

Answered: Hi Leo, It’s now fixed in the latest sandbox build (2025.4.6726).

Answered: Hi Andy, These events are now available in the latest sandbox build (2025.4.6724).

Answered: This works on touch devices because it’s supported natively there. On other devices, you can use a touchpad or a mouse wheel to scroll in both directions. Emulating this with mouse down + drag is not...

Answered: This is what Floating Time Headers feature does. It should be enabled by default, so it looks like you might have turned it off.

Answered: The value of args.header.end is correct: "2025-11-10T00:00:00" is the exact time point marking the end of the group. However, you can’t simply use the date-only part of this date/time value when gene...

Answered: This is a special spacing div that is required for proper vertical synchronization of the grid and the row headers. It is marked with scheduler_default_rowheader which makes it look like row header. ...

Answered: Hi Leo, This should be fixed now in the latest sandbox build (2025.4.6721).

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: You can take a look at the following tutorial: JavaScript Scheduler: Use Diagonally Split Cells for Check-In/Check-Out

Answered: The floating events feature is only available for the left side of the viewport.

Answered: There will be a preview available by the end of this month. I will keep you updated.

Answered: This is an example project. The library itself (Angular package) is available as @daypilot/daypilot-lite-angular at NPM.

Answered: It looks like this CSS works for me, so the problem might be somewhere else. You can try turning off your custom JSX temporarily to see if that causes the issue. .scheduler_default_rowheader:hover { ...

Answered: Yes, you can do it using CSS. In the default (built-in) CSS theme, the following styles are used: .scheduler_default_crosshair_vertical, .scheduler_default_crosshair_horizontal, .scheduler_default_cr...

Answered: These two things don’t seem to work correctly in your setup: 1. Coloring the cells All cells in a column should be colored correctly with this event handler: onBeforeCellRender: (args) => { if (args....

Answered: Hi Andy, By default, the Scheduler expands parents nodes automatically when you drag an event over them. You can disable this behavior using the treeAutoExpand property (set the value to false ).

Answered: Hi Andy, In the latest sandbox build (2025.4.6701), it is now possible to set a custom shadow height in onEventMoving using args.height (in pixels).

Answered: Yes, it does.

Answered: I am using the default theme, I am just changing colours on the before render events. I have turned floating events off and it works fine for what I need.

Answered: Hi Andy, You are probably using rowMinHeight to set the row height. If there are no overlapping events, it is possible to center the event by replacing it with rowMarginTop and rowMarginBottom .

Answered: Hi Leo, This logic hasn’t changed recently. In the demo, it seems to work fine. There are two things to check: Setting the value to 0 disables hiding. If you want to use the shortest delay possible, ...

Answered: Hi Leo, This issue should be fixed now in the latest sandbox build (2025.4.6672). It was relatively harmless - it had no effect on the UI in most cases. You could reproduce it using Ctrl + click on a...