DayPilotHighlight Calendar Row on Hovering Time Header Cell
Answered: The crosshair feature is available in the Calendar component in the Pro version. Unfortunately, it’s not available in the Lite version at the moment.
Questions Tagged calendar
Show Custom Angular Material Popup/Menu Next to Time Range Selection
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...Implement Sticky Month View Header with Vertical Scrolling
Answered: I have added your feature request to the wishlist.Group Resource Calendar Header Column
Answered: Unfortunately, this feature is only available in the Pro version: Calendar: Column Header HierarchyHighlight Today and Shorten Weekday Names in DayPilot Lite Monthly Calendar
Answered: You can use the onBeforeCellRender event handler to add a custom CSS class to selected cells. At this moment, the Lite version doesn’t support the onBeforeHeaderRender event. However, you can use a c...Calendar Rows Not Matching Event Duration
Answered: By default, the Calendar aligns event boxes with the grid. You can adjust this behavior and display the exact event duration using the useEventBoxes property."dp.events.update(dpEvent)" sometimes redraw all Events on a *Month* calendar
Answered: This optimization is now implemented for the Month control as well in the latest sandbox build (2026.1.6822). If there is any problem, please let me know.Cannot read properties of null (reading 'data') - on Event mouseover
Answered: This happens when the bubble can’t find the source event element properly. There are now additional checks added to the bubble popup logic so you shouldn’t see this error anymore in the latest sandbo...Resizing an Event may lead to unwanted and automatic scrolling of the Calendar
Answered: This issue should be fixed now in the latest sandbox build (2025.4.6750). If the problem persists, please let me know.why it is not available in npm?
Answered: This is an example project. The library itself (Angular package) is available as @daypilot/daypilot-lite-angular at NPM."dp.events.update(dpEvent)" sometimes redraw all Events on a Calendar
Answered: I close my browser, open it again and now it doesn’t flicker anymore! :-| I guess we’ll never know…Hidding an Event Bubble when scrolling a Calendar
Answered: The bubble hides if the cursor is moved outside of the source object and the bubble itself. I assume that in your scenario, the cursor stays inside but the calendar scrolls. Is that correct? The cont...RTL is broken past v3.32.1
Answered: Calendar RTL compatibility is in the queue and it’s coming soon (within weeks). Just note that RTL will not be supported for the Scheduler in the near future - this is a much more complex issue than ...Setting the "cssClass" property on a Calendar Event
Answered: Yes, this is correct. Please note that the CSS class is applied at the top level (it is added to the div with calendar_default_event class). You can verify that using browser developer tools. If you ...Calendar: Allow external drag and drop but disable the moving feature for events on the Calendar?
Answered: Yes, this is possible. Keep the value of eventMoveHandling set to "Update" . Disable moving for all events by setting moveDisabled: true on each event . This can be done using onBeforeEventRender : o...[Calendar] Clicking anywhere in the Calendar triggers a click in another cell ever since upgrading to 3.33.0 and later (4.2.0 current latest version)
Answered: This looks like a regression of a bug that was fixed in 3.32.1 (incorrect args.cell.start / end in onTimeRangeSelect / onTimeRangeSelected events when heightSpec is set to "BusinessHoursNoScroll" ). ...[Calendar] Snap to current during resize
Answered: I’ve added this to the wishlist, thanks for the suggestion.Is it possible to have a sort of resource filter on the calendar?
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...Dr Appointment usecase in Angular
Answered: Unfortunately, the doctor appointment reservation tutorial is not available for Angular + ASP.NET Core at the moment.Restrict multiple Days Selection
Answered: Could you please post a screenshot that would show your requirement?List view for calendar
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.Wrong className for DayPilotMonth component
Answered: You may be overlooking something. The DayPilotMonth React component indeed uses the ”month_default” CSS theme. You can check it by inspecting the DOM elements in the JavaScript demo , You can apply a...Modifying RTL according to locale
Answered: Unfortunately, RTL is not supported in the Lite version at the moment.weekStarts property non-functional in DayPilotCalendar
Answered: At this moment, the weekStarts property is not available in the Lite version. However, you can set a custom week start using the locale property. If there is no built-in locale that meets your needs,...Resources Calendar does not schedule events at all
Answered: Hi Samir, With the following setup, the resource calendar will display one day on the vertical axis. As the startDate is not specified, it will use the current day for all columns/resources. <DayPilo...Mutliselection
Answered: I’m not sure if that’s what you mean but in the Calendar component in the Pro version, it is possible to select multiple events and then delete them using the API (use multiselect.events() to get a l...DayPilot Vue Event Calendar loses css after build
Answered: This is not a limitation of the trial version. I recommend checking the DOM structure of the production build in the browser (using developer tools) to see whether the elements are using the expected...The ToolTip isn't working in DayPilot.Calendar
Answered: Yes, there turned out to be a problem with the tooltip for calendar events. It should be fixed now in the latest sandbox build (2023.3.485): https://javascript.daypilot.org/sandbox/lite/How do I modify a database?
Answered: You can take a look at this tutorial: https://code.daypilot.org/64657/angular-scheduler-resource-management It is for Angular, but it shows how to add a context menu to the row headers with additiona...Customize time blocks on Weekly Calendar
Answered: At this moment, the Calendar component uses fixed time blocks but it is possible to use a workaround and map the block number to the hour/minute part of the start/end time. This approach is used in t...