Snap to Grid

By default, the event target position during drag-and-drop automatically snaps to the JavaScript Calendar grid. This makes it easier to create events/tasks in specified unit increments.

In some cases, this can be limiting. You can turn off the snap-to-grid feature using the snapToGrid property.

• You may want to disable the event boxes when disabling snap-to-grid.

• Snap-to-grid affects event moving, event resizing, and time range selection.

• When snap-to-grid is turned off, the target position will be resolved at the pixel level and floored to the nearest minute. Ensure that the combination of the Calendar cell duration and cell height yields an integer number of minutes per pixel.

The snap-to-grid disabling is available since version 2023.4.5838.

Live Demo

• Calendar snap-to-grid demo