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: In the latest release, these interfaces were not marked as exported and they got stripped out of the Angular package during build time. It should be fixed now in the latest sandbox build. The fix wil...
In my application I have very large number of dataset or tasks to be loaded(eg- 100000+ data), so that loading these much data initially is not a good a idea so i plan for dynamically loading on scro...
Answered: You can set the date range using startDate and days properties. If these properties are not specified, the Gantt chart will calculate the values automatically to include all tasks.
Answered: At this moment, the Gantt chart requires the exact date/time points when specifying the task end. For example, a task that ends on May 31, 2025 needs to use end: "2025-06-01T00:00:00" . The Scheduler...
Answered: You can change the startDate and days properties as needed by calling the update() method: gantt.update({ startDate: "2025-05-01", days: 31 });
Answered: You can use the onBeforeEventRender event to set custom event color in the Scheduler. The color can be set either directly using args.data.backColor or via a CSS class (by setting args.data.cssClass ...
Answered: The onIncludeTimeCell logic should look like this (it works for two days and scale="Hours" ): onIncludeTimeCell: (args) => { const businessStart = 21; // 9 PM (21:00) const businessEnd = 6; // 6 AM (...
Answered: 1. The default linkLayer value is set to "Above" and you can see this behavior in the Links demo as well. Instead of using z-index , it uses the two different layers that are inserted into the DOM in...
Answered: The current implementation of keyboard.focusCell() finds the default keyboard cursor position for the specified cell. That can be an event if it is at the top position (line 0). However, it should be...
Answered: This is caused by floating events , a feature that displays the event text floating at the viewport edge when scrolling to the right. Angular components can’t be displayed in the floating part but yo...
Answered: You can use custom CSS easily - the best way is to generate a calendar CSS theme online . You can modify it manually as needed. In the open-source version , you can customize the inner HTML of events...
Answered: We don’t plan to add a vertical scrollbar support to the frozen rows in the Scheduler. If you want to display two independently scrolling row sections, I recommend using two Scheduler instances, like...
daypilot-core.js:17 Uncaught TypeError: Cannot read properties of null (reading 'style') at DayPilot.Calendar.Ea (daypilot-core.js:17:14081) at DayPilot.Calendar.La (daypilot-core.js:16:23322) at Res...
Answered: Sorry for the delay! There is a tutorial that shows how to insert an Angular component to the bubble. Angular Scheduler: Dynamic Tooltip It is necessary to instantiate the component and add it to the...
Answered: It is necessary to add DayPilotModule to the imports section of the module where you want to use <daypilot-scheduler>. Example from the Angular Scheduler Quick Start tutorial: import {DataService} fr...