Questions Tagged feature

Answered: Hi Leo, This is now added in the latest release ( 2026.2.6914 ). In addition to the event handlers, you can also get the current modifier key status using DayPilot.Calendar.getCoords() and DayPilot.S...

Answered: Hi Leo, This event handler is now available in the Gantt chart as well (in the latest sandbox build , 2026.2.6926).

Answered: Hi Leo, This should be fixed now in the latest sandbox build (2026.2.6905).

Answered: Hi Leo, For this purpose, there are two events for each action, e.g. onEventMove and onEventMoved . In onEventMove , the args.e object is the original DayPilot.Event object and the new position is av...

Answered: Hi Leo, It’s now available in the latest sandbox build (2026.1.6887).

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

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: 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: Hi Andy, These events are now available in the latest sandbox build (2025.4.6724).

Answered: You can take a look at the following tutorial: JavaScript Scheduler: Use Diagonally Split Cells for Check-In/Check-Out

Answered: The recurrence needs to be implemented on the server side and the UI depends on the supported rules; that’s why this is not implemented in the JavaScript version.

Answered: Hi Leo, The Gantt Chart doesn’t support multiple tasks in the same row. You’d have to use the Scheduler component for this. However, you can display the task as a single box and insert active areas w...

Answered: These events can be added but your scenario can be better handled using active areas . If you add active areas with visibility: "Hover" they will ony be displayed when you hover the event. By default...

Answered: It’s now available in the latest sandbox build (2025.3.6591).

Answered: I have added this to the wishlist.

Answered: I’ve added this to the wishlist, thanks for the suggestion.

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: 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 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: 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: Hi Leo, Sorry for the delay. Gantt export to Excel in the works and it will be available soon.

Answered: In the latest release ( 2024.4.6293 ), the makeDraggable() methods for Calendar and Scheduler components now use the same structure of the options parameter. remove , onDragStart and onDrop are avail...

Answered: Hi Leo, In the latest sandbox build (2024.4.6201), you can now use the rows.collapseAll() method to collapse all rows of the Gantt chart with a single update.

Answered: You can use the Queue component to display a list of events. As a bonus, they will be draggable to the Scheduler. You can see a demo here.

Answered: Yes, this example focused on the configuration of the React calendar on the client side (installation, changing the date, customizing appearance, …). In a standard application, you will need to conne...

Answered: In the latest sandbox build (2024.3.6000), there is now a new keyboard.clearFocus() method that will let you remove the focus. Please let me know if it doesn’t work as expected.

Answered: Yes, you can update just a single row using the rows.update() method.

Answered: Hi Jörg, You should be able to target the element using a custom CSS class which you can add using the cssClass property. This property is already available.

Answered: The full project is attached - you can download it at the top of the article using the “Download Source” button (below the main screenshot).