All Questions

Answered: The missing TypeScript definitions have been added now in the latest sandbox build (2025.3.6529). The only exception is DayPilot.GanttBeforeCellRenderArgs.cell.areas - this is already available but i...

Answered: The Navigator is limited to selecting a day, week, month or a custom day range (within the visible dates). At this moment we don’t plan to implement year selection and or times.

Answered: Most likely, you are using a reference to an old instance that has been disposed already. So I recommend checking how you get the reference and make sure that it’s not an obsolete one.

Answered: You can look at the height options , especially heightSpec: "Parent100Pct" . This setting makes the Calendar component expand to fill its parent element. A vertical scrollbar is added automatically, ...

Answered: Have you tried using heightSpec: "Max100Pct" ? This option is designed exactly for this use case. It will automatically stretch the height as needed, up to 100% of the parent div - then a vertical sc...

Answered: You can cancel the selection and place the caret at the start using the onAfterEventEditRender event: onAfterEventEditRender: args => { setTimeout(() => { args.element.setSelectionRange(0, 0); }, 0);...

Answered: In onEventEditKeyDown , the args.element property stores the <textarea> element used for editing. You can get the current text using args.element.value .

Answered: At this moment, the image export of the Calendar component doesn’t work for RTL. This feature is in the queue and it will be implemented in the near future.

Answered: Hi Roman, Since version 2023.4.5839 , the Calendar resources view supports a vertical timeline longer than 1 day. To display only 1 day on the vertical axis, you need to set the days property to 1 . ...

Answered: Hi Leo, It should be fixed now in the latest sandbox build (2025.3.6524). Please let me know if the problem persists.

Answered: You can use the eventEditMinWidth property to control the width. The Scheduler uses whichever is larger: the event’s width or the value of eventEditMinWidth .

Answered: The capabilities of the image export are limited. Basically, you can export plain text and active areas. If you need an exact copy and are happy with the current viewport, it’s better to make a scree...

Answered: This behavior is correct, if you add 10 hours to "2025-06-10T14:00:00" , you will get the end of June 10, which is "2025-06-11T00:00:00" . There is a related setting (the eventEndSpec property) in th...

Answered: The toString() method should work: > new DayPilot.Date("2025-06-10T00:00:00").toString("yyyy-MM-ddThh:mm:ss"); "2025-06-10T00:00:00" If you want to convert it to Date , you can use toDateLocal() to g...

Answered: You can start with the following tutorial which displays a resources calendar similar to yours (time on the vertical axis, resources/providers on the horizontal axis): JavaScript Resource Calendar Tu...

Answered: Yes, you can use it with any database structure. You just need to supply the data to DayPilot components in the required structure. This can be done on the server side quite easily - you need to crea...

Answered: The JavaScript version of DayPilot doesn’t include any server-side backend and you can use it with any version of PHP. The PHP tutorials at code.daypilot.org should run fine with PHP 5.3. If there is...

Answered: Sorry for the confusion, the cell customization is not yet available in the Scheduler in the Lite version. It will be added in one of the future releases.

Answered: The Kanban component respects the original order of cards that you use in the datasource. When a card is moved, you can get information about the target position inside a cell using the args.position...

Answered: You can override the CSS styles to make the target shadow more prominent. Unfortunately, it is not possible to move the existing cards during drag and drop to make space for a bigger target position ...

Answered: Unfortunately, I’m not able to reproduce the issue. If you set custom HTML content of Kanban card, it may interfere with the require event handlers. If you are able to reproduce the problem in the on...

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: Unfortunately not.

Answered: This is now implemented in the latest sandbox build (2025.2.6503).

Answered: Such continuous events are marked with special CSS classes which you can use to add custom styling: scheduler_default_event_continueleft scheduler_default_event_continueright You can either use these...

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: The time header groups have no effect on the grid or events. The time header is independent and it’s just a visual clue. How events are displayed is affected by the scale and whether event boxes are ...

Answered: The onBeforeCardRender event is now available in the latest sandbox build (2025.2.6497). You can change the bar color depending on the column like this: onBeforeCardRender: args => { switch (args.dat...

Answered: Yes, the Scheduler supports double click for events . It has to be enabled explicitly using the eventDoubleClickHandling property. It’s good to know that when the double click is enabled, it adds a d...