Questions Tagged
React Scheduler > Expose event move and resize start
Hello, Similar to `onRowMoveStart`, is it possible to expose a `onEventMoveStart` and `onEventResizeStart`? Thank you!
React Scheduler > Click and drag on blank space in the timeline to scroll
Answered: This works on touch devices because it’s supported natively there. On other devices, you can use a touchpad or a mouse wheel to scroll in both directions. Emulating this with mouse down + drag is not...
React Scheduler > Sticky time header (1st group only for now) on horizontal scroll
Answered: This is what Floating Time Headers feature does. It should be enabled by default, so it looks like you might have turned it off.
React Scheduler > Mismatching time header groups values
Answered: The value of args.header.end is correct: "2025-11-10T00:00:00" is the exact time point marking the end of the group. However, you can’t simply use the date-only part of this date/time value when gene...
React Scheduler > Additional blank group at the bottom
Answered: This is a special spacing div that is required for proper vertical synchronization of the grid and the row headers. It is marked with scheduler_default_rowheader which makes it look like row header. ...
onEventMoving
Answered: The onEventMoving event is not available in the Lite version. However, you can apply your rules in the onEventMove event (on drop) and cancel the action using args.preventDefault() if needed.
Graphical representation of check-in and check-out in the hospitality industry
Answered: You can take a look at the following tutorial: JavaScript Scheduler: Use Diagonally Split Cells for Check-In/Check-Out
Scheduler - Behavior of Events reaching the right side
Answered: The floating events feature is only available for the left side of the viewport.
Export Issue In RTL
Answered: There will be a preview available by the end of this month. I will keep you updated.
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.
React Scheduler > Difficulty with applying css on row header background and rowmove handle
Answered: It looks like this CSS works for me, so the problem might be somewhere else. You can try turning off your custom JSX temporarily to see if that causes the issue. .scheduler_default_rowheader:hover {
...
Scheduler - cell mouseover time headers shaded with custom colour
Answered: Yes, you can do it using CSS. In the default (built-in) CSS theme, the following styles are used: .scheduler_default_crosshair_vertical,
.scheduler_default_crosshair_horizontal,
.scheduler_default_...
Scheduler: issue with resources spanning multiple rows
Answered: These two things don’t seem to work correctly in your setup: 1. Coloring the cells All cells in a column should be colored correctly with this event handler: onBeforeCellRender: (args) => {
if (ar...
React Scheduler > Scheduler automatically expands the children of the dragged
Answered: Hi Andy, By default, the Scheduler expands parents nodes automatically when you drag an event over them. You can disable this behavior using the treeAutoExpand property (set the value to false).
React Scheduler > How to make shadow of event while moving respects the event height, despite margin top of resource
Answered: Hi Andy, In the latest sandbox build (2025.4.6701), it is now possible to set a custom shadow height in onEventMoving using args.height (in pixels).
Scheduler - Event disappears if start is not in viewport
Answered: I am using the default theme, I am just changing colours on the before render events. I have turned floating events off and it works fine for what I need.
React Scheduler > Centering event bar
Answered: Hi Andy, You are probably using rowMinHeight to set the row height. If there are no overlapping events, it is possible to center the event by replacing it with rowMarginTop and rowMarginBottom.
DayPilot.Bubble() does not hide automatically anymore
Answered: Hi Leo, This logic hasn’t changed recently. In the demo, it seems to work fine. There are two things to check: Setting the value to 0 disables hiding. If you want to use the shortest delay possible, ...
Cannot set properties of null (setting 'overlapping')
Answered: Hi Leo, This issue should be fixed now in the latest sandbox build (2025.4.6672). It was relatively harmless - it had no effect on the UI in most cases. You could reproduce it using Ctrl + click on a...
"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…
React Scheduler > `timeRangeSelectedHandling: 'Disabled` does not register click on timeline canvas
Answered: Hi Andy, The Scheduler handles the mousedown event and prevents it from bubbling if the timeRangeSelectedHandling is set to "Disabled". To hide the popover, you can handle the onGridMouseDown event. ...
React Scheduler > Control visibility of row move handle
Answered: Hi Andy, In the latest sandbox build (2025.4.6668), this can now be controlled using the new rowDragHandleVisibility property. The supported values are "Hover", "HoverVisible", and "TouchVisible". In...
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...
DayPilot Pro for Javascript - Trial License 60 Day Limit
Answered: Yes, the standard trial period is 60 days. To ask for an extension, please contact sales@daypilot.org.
Click to create an event in inline edit mode instead of pop up modal?
Answered: Yes, this is possible - take a look at the inline event editing feature. It includes a sample onTimeRangeSelected handler that creates a new event using an inline edit box.
React Scheduler > Display splitter but disable splitter resizing
Answered: Hi Andy, In the latest sandbox build (2025.4.6665), this is now supported by the new rowHeaderResizing property (you need to set it to false).
navigator is not defined for next js application
Answered: Unfortunately, I’m not able to reproduce the issue with Next.js 14 and 15. With 'use client';, you should be able to import DayPilotScheduler in a standard way: import {DayPilot, DayPilotScheduler} f...
Questions 1-30 of 5262
Next