Questions Tagged javascript

Answered: Hi Leo, It’s now available as paddingDays in the latest sandbox build (2026.1.6886);

Answered: Hi Iliah, You can use the onEventMoving event handler to provide real-time feedback during drag and drop (see also event moving customization ).

Answered: Please take a look at the following docs page: Hiding Time Columns Just note that this feature is only available in the Pro version.

Answered: With autoScroll enabled, you should be able to scroll automatically to the target task while creating a link by dragging.

Answered: This issue should be fixed now in the latest sandbox build (2026.1.6856). If there is any problem, please let me know.

Answered: This issue should be fixed now in the latest sandbox build (2026.1.6844).

Answered: Sorry for the delay. I would make a few changes: Instead of using a special time header row, use a frozen row. Mark this row with cellsAutoUpdated: true , that will re-render the content on every cha...

Answered: Unfortunately, the 100% height feature is not implemented in the Lite version yet. It may be added in the future. To check feature availability in Lite/Pro versions, you can check the table at the bo...

Answered: This regression is fixed now in the latest sandbox build (2026.1.6823). If there is any problem, please let me know.

Answered: In the timesheet mode, you need to define separators with the date of the first row (i.e., add the specified hour to the first day): const timesheet = new DayPilot.Scheduler("scheduler", { viewType: ...

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 is a global property that should be set in the Scheduler config (see linkShape in the API docs), rather than in individual link properties.

Answered: The TypeScript definition for DayPilot.Month.makeDraggable() is now available in the latest sandbox build (2026.1.6821). The API has been extended with additional options to match the Calendar compon...

Answered: You can use the onTimeRangeSelecting event to set args.ignoreDisabledCells to true when you want to allow the time range selection.

Answered: The JavaScript version doesn’t have built-in support for recurring events. You need to implement this feature on the server side and pass the full list of occurrences to the component on the client s...

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: Hi Leo, This issue should be fixed now in the latest sandbox build (2026.1.6812). If the problem persists, please let me know.

Answered: Hi Ankit, The Calendar tries to read the actual styles, but it’s not always possible. However, there are customization events available that let you specify the styles (background color, text color, ...

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