Active Questions

Answered: Yes, you can add it using onBeforeCellRender. Try something like this: onBeforeCellRender: args => { args.cell.areas = [ { left: 0, right: 0, bottom: 0, text: "Start" } ]; }

Answered: This syntax is correct and it seems to work fine. However, the screenshot doesn't correspond to the sample code - "left: 0, right: 0, top: 0, bottom: 0" will fill the whole cell. So you might want to...

Answered: At this moment, it's only possible to use the "new row" feature to add rows to the top level. In order to add children, you can use a context menu as demonstrated in this tutorial: https://code.daypi...

Answered: You can generate a custom theme using the Theme Designer: https://themes.daypilot.org/ The default settings will generate a theme that corresponds to the built-in theme. You can include the generated...

Answered: You need to make two requests manually and merge the results into a single array. The following example uses two parallel requests, waits until both return a result and update the Scheduler: const st...

Answered: You can enable a bubble for event groups using the groupBubble property: https://api.daypilot.org/daypilot-scheduler-groupbubble/ There are two ways to specify the bubble content: 1. You can use onBe...

Answered: You can find the licensing options at the Buy page: https://javascript.daypilot.org/buy/

Answered: The support for heightSpec: "BusinessHoursNoScroll" is now implemented in the latest sandbox build and it will be available in the next release.

Answered: At this moment, the Scheduler doesn't debounce onScroll calls that are invoked as a result of the viewport size change. However, this will only happen if you use dynamic height (such as heightSpec: "...

Answered: To set the initial date selection, please use the select() method in ngAfterViewInit(): https://api.daypilot.org/daypilot-navigator-select/ When you add the selectionStart, selectionEnd properties to...

Answered: In the latest sandbox build (2022.2.5266), the Scheduler will try to refocus the same target (cell based on start and resource, event based on ID) after update. If the target isn't available in the u...

Answered: The event updates are performed asynchronously so that all updates performed in the same code segment can be merged and performed at once. That applies to the default edit action (including onEventEd...

Answered: You can do it using onClose event handler: onClose: args => { if (args.backgroundClick) { args.preventDefault(); } }

Answered: You'll need to turn off the "row header width auto-fit" feature (it adjusts the column width dynamically based on content): https://doc.daypilot.org/scheduler/row-header-width-auto-fit/

Answered: This issue should be fixed now in the latest sandbox build (2022.1.5262). Please let me know if there is any problem.

Answered: It's in the works - it will be possible to add custom React components to cells in the upcoming release.

Answered: Workaround found. By creating a fake (hidden) iFrame and exporting the daypilot calendar to an image, you can place the image in the iframe and print the iframe. Like so: $("#print-button").click(fun...

Answered: I made a few changes and Now it's working fine.

Answered: The timeHeaders property is only applicable to the Scheduler component. In the Calendar component, you can change the date format using headerDateFormat property: https://api.daypilot.org/daypilot-ca...