Active Questions
Resource Tree cell clickable
Answered: Yes, you can do it using onRowClick handler:
dp.onRowClick = function(args) { args.row.toggle(); };
Is it possible to change hour height on defined time slots?
Answered: Unfortunately, this is not possible in the Calendar at the moment.
Programmatically Change DayPilotNavigator
Answered: I'm not sure if that's what you are looking for but you can set the initially-selected date using DayPilotNavigatorConfig.SelectionStart property.
How to implement recurrent events in Javascript version with spring boot
Answered: The JavaScript version requires the individual event instances to be passed to the component. So handling the recurrence is fully in you hands (on the server side). You'd have to store the rule with ...
End date of an area in Event needs one day added
Answered: The active areas always work with exact date/time points and they are not affected by the eventEndSpec setting.
Custom method for Business hours calculation
Answered: Hi Wolfgang, It's possible to adjust the start/end using onEventMoving while the event is being dragged: https://api.daypilot.org/daypilot-scheduler-oneventmoving/ There is also a related tutorial: h...
is React Scheduler is free or paid
Answered: At this moment, the Scheduler and the React API are only included in the Pro version which is paid. See also the feature matrix: https://javascript.daypilot.org/feature-matrix/ You can install a 60-d...
Change the starting hour and ending hour of Scheduler?
Answered: Yes, this is possible. Please see the documentation for more details: https://doc.daypilot.org/scheduler/hiding-non-business-hours/
Event calendar scrolling on event draw/resize/move
Answered: Unfortunately, this is feature is not available in the Calendar at the moment.
Are there any plans to support accessibility WCAG 2.0/2.1 in the future?
Answered: Yes, it's in a long-term plan but it's not trivial to meet some of the requirements. The features are being added gradually. The Scheduler, for example, now includes keyboard support and the elements...
How to make event in disabled Cell clickable
Answered: You can add moveDisabled and resizeDisabled properties to the event data object. This will forbid drag operations but the onEventClick event handler will still be fired for such events:
dp.events.l...
Event creation does not work
Answered: The tutorial is now updated and it uses the following logic:
dp.onTimeRangeSelected = function (args) {
var name = prompt("New event name:", "Event")
dp.clearSelection();
if (!name) {
...
Add event listener on holiday marked cells
Answered: You can display a custom text/html using a cell bubble if you add this to the config:
var dp = new DayPilot.Scheduler("dp", {
// ...
cellBubble: new DayPilot.Bubble({
onLoad: funct...
No rendering after resizing the separator between resources and events
Answered: It should be fixed now in the latest sandbox build (2020.4.4827). Please let me know if there is any problem.
Event Calendar bug when resizing
Answered: This problem should be fixed now in the latest sandbox build (2021.1.4840): https://javascript.daypilot.org/sandbox/
possible bug on "Real-Time Drag and Drop Indicators"
Answered: This issue should be fixed now in the latest sandbox build (2021.1.4838). https://javascript.daypilot.org/sandbox/
Weird behavior on eventEndSpec set to "Date"
Answered: This issue should be fixed now in the latest sandbox build (2021.1.4831): https://javascript.daypilot.org/sandbox/ Please let me know if the problem persists.
Resize only one side of event
Answered: Yes: You need to disable resizing using eventResizeHandling="Disabled" (https://api.daypilot.org/daypilot-scheduler-eventresizehandling/) and add an active area at the end with action: "ResizeEnd". T...
Property 'makeDraggable' does not exist on type 'typeof Calendar'.
Answered: The DayPilot.Calendar.makeDraggable() method was missing in the TypeScript definitions. It's now added in the latest sandbox build (2021.1.4829). As a workaround, you can cast the DayPilot object to ...