All Questions

Answered: To display time cells with custom duration defined in minutes , you need to set the scale property to "CellDuration" : scale={"Manual"} cellDuration={30] Another option would be to use scale={"Manual...

Answered: oeps i see you can change it to type: "searchable", so that works :-)

Answered: Hi, Nothing related to that. [webpack-dev-server] Server started: Hot Module Replacement disabled, Live Reloading enabled, Progress disabled, Overlay enabled. core.mjs:26656 Angular is running in dev...

Answered: There is no easy way to do this. You can try detecting the cell dimensions using the internal dp.nav.main property which stores the DOM parent of grid cells.

Answered: The JSON serialization is necessary for Angular change detection. Circular references would also prevent any other change detection mechanism based on event comparison from working. To avoid this iss...

Answered: The time range selection always stays active, until you call clearSelection() or update the calendar. You might want to check your onTimeRangeSelect / onTimeRangeSelected handlers.

Answered: Unfortunately, custom React components in multiple row header columns are not supported at the moment. Until it is available, you can try using row header active areas to show the icons .

Answered: You can show the bubble using a time header active area : onBeforeTimeHeaderRender: args => { const header = args.header; args.header.areas = [ { left: 0, right: 0, top: 0, bottom: 0, action: "Bubble...

Answered: When you need to load a new task set in the Gantt chart, the best way is to replace the tasks with a new array: const tasks = [ /* ... */ ]; dp.update({tasks}); There is no need to clear the events f...

Answered: Drag and drop In the Lite (open-source) version, you can only enable/disable drag and drop for all calendar events using eventMoveHandling and eventResizeHandling . In the Pro version, you can disabl...

Answered: You might need to check the value of startOfMonth . Please make sure that it contains correct dates. My guess is that the values don’t correspond to the current view when the separators are not visib...

Answered: The Scheduler has built-in support for quick specification of business hours using businessBeginsHour and businessEndsHour but businessBeginsHour needs to be smaller than businessEndsHour . For more ...

Answered: There is no args.newResource available in onEventResize as the resource doesn’t change during resizing. You can access the event resource ID using args.e.resource() .

Answered: Please take a look at the following tutorial: JavaScript Scheduler: Swap Events using Context Menu

Answered: Thanks for the update! The problem is the type of events.resource_id database field. It is incorrectly set to varchar instead of integer . Older versions of PHP/PDO converted integer values to string...

Answered: You are overwriting the onBeforeCellRender event handler several times and only the last value is used. You need to check the dates against the list of highlighted days inside onBeforeCellRender . Th...

Answered: In onBeforeTaskRender , it is only possible to access the raw data object ( args.data ). The DayPilot.Task object is not available yet. To collapse the rows, you can set the args.data.row.collapsed p...

Answered: Yes, you can find an example in the documentation for event moving : onEventMove: async (args) => { args.async = true; const modal = await DayPilot.Modal.confirm("Do you really want to move this even...

Answered: Can you please contact support@daypilot.org?

Answered: Thanks for the update. All browser on a Mac use the same rendering/JS engine (from Safari). The problem with old MacOS versions is that Safari stops getting updates at some point - that means on an o...

Answered: It’s in the queue, please hold on!

Answered: The scrollToResource() method is quite simple (it sets the scrollTop style to the appropriate value) but it is executed asynchronously, after a delay of 100ms. It’s good to take this into account. I ...

Answered: You can add a delete icon to the Scheduler row headers using an active area . onBeforeRowHeaderRender: (args) => { args.row.areas = [ { right: 3, top: 3, width: 16, height: 16, symbol: "../icons/dayp...

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: The tasks.list array holds the raw data objects (they don’t have any methods). The method you need is DayPilot.Task.row.collapse() . You can call it like this: this.gantt.tasks.find(row.id).row.colla...

Answered: In the onEventMoved event handler, the event object ( args.e ) is already updated to the new values. If you want to get the old values, you need to use onEventMove where the args.e property stores th...

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