# Event Dragging & Resizing

> FullCalendar v3 documentation, for an old release. Web version: https://legacy.fullcalendar.io/v3/event-dragging-resizing
>
> Latest version (v7): https://fullcalendar.io/docs/event-dragging-resizing.md

How to enable and control where the user can drag-n-drop and resize events. Start by setting the [editable](https://legacy.fullcalendar.io/v3/editable.md) setting to `true`. If you want to allow external elements to be dropped onto your calendar, visit the [droppable](https://legacy.fullcalendar.io/v3/droppable.md), [drop](https://legacy.fullcalendar.io/v3/drop.md), and [eventReceive](https://legacy.fullcalendar.io/v3/eventReceive.md) articles.

## Flags

- [editable](https://legacy.fullcalendar.io/v3/editable.md) - Determines whether the events on the calendar can be modified.
- [eventStartEditable](https://legacy.fullcalendar.io/v3/eventStartEditable.md) - Allow events’ start times to be editable through dragging.
- [eventDurationEditable](https://legacy.fullcalendar.io/v3/eventDurationEditable.md) - Allow events’ durations to be editable through resizing.
- [eventResourceEditable](https://legacy.fullcalendar.io/v3/eventResourceEditable.md) - Determines whether the user can drag events between resources.
- [droppable](https://legacy.fullcalendar.io/v3/droppable.md) - Determines if external jQuery UI draggables can be dropped onto the calendar.

## Effects

- [dragRevertDuration](https://legacy.fullcalendar.io/v3/dragRevertDuration.md) - Time it takes for an event to revert to its original position after an unsuccessful drag.
- [dragOpacity](https://legacy.fullcalendar.io/v3/dragOpacity.md) - The opacity of an event while it is being dragged.
- [dragScroll](https://legacy.fullcalendar.io/v3/dragScroll.md) - Whether to automatically scoll the scroll-containers during event drag-and-drop and date selecting.
- [snapDuration](https://legacy.fullcalendar.io/v3/snapDuration.md) - The time interval at which a dragged event will snap to the time axis. Also affects the granularity at which selections can be made.

## Control

- [eventOverlap](https://legacy.fullcalendar.io/v3/eventOverlap.md) - Determines if events being dragged and resized are allowed to overlap each other.
- [eventConstraint](https://legacy.fullcalendar.io/v3/eventConstraint.md) - Limits event dragging and resizing to certain windows of time.
- [eventAllow](https://legacy.fullcalendar.io/v3/eventAllow.md) - Exact programmatic control over where an event can be dropped.
- [dropAccept](https://legacy.fullcalendar.io/v3/dropAccept.md) - Provides a way to filter which external elements can be dropped onto the calendar.

## Callbacks

- [eventDragStart](https://legacy.fullcalendar.io/v3/eventDragStart.md) - Triggered when event dragging begins.
- [eventDragStop](https://legacy.fullcalendar.io/v3/eventDragStop.md) - Triggered when event dragging stops.
- [eventDrop](https://legacy.fullcalendar.io/v3/eventDrop.md) - Triggered when dragging stops and the event has moved to a different day/time.
- [drop](https://legacy.fullcalendar.io/v3/drop.md) - Called when a valid external jQuery UI draggable has been dropped onto the calendar.
- [eventReceive](https://legacy.fullcalendar.io/v3/eventReceive.md) - Called when a valid external jQuery UI draggable, containing event data, has been dropped onto the calendar.
- [eventResizeStart](https://legacy.fullcalendar.io/v3/eventResizeStart.md) - Triggered when event resizing begins.
- [eventResizeStop](https://legacy.fullcalendar.io/v3/eventResizeStop.md) - Triggered when event resizing stops.
- [eventResize](https://legacy.fullcalendar.io/v3/eventResize.md) - Triggered when resizing stops and the event has changed in duration.

## See Also

- [validRange](https://legacy.fullcalendar.io/v3/validRange.md) - Limits which dates the user can navigate to and where events can go.
- [Touch Support](https://legacy.fullcalendar.io/v3/touch.md) - FullCalendar’s Touch support includes smooth scrolling, time-range selection via long-press, and event drag-n-drop/resizing via long-press.
- [Dragging and Resizing before v2.1.0](https://legacy.fullcalendar.io/v3/jquery-ui-dnd.md) - For older versions of the library, dependency requirements for drag-n-drop and resizing.

## Demos

- [Enable event dragging/resizing](https://legacy.fullcalendar.io/v3/event-dragging-resizing-demo)
- [Drag-n-drop external events](https://legacy.fullcalendar.io/v3/external-dragging-demo)
- [Constrain event dragging by certain criteria](https://legacy.fullcalendar.io/v3/event-constraint-demo)