**As** a user of the team planner or the calendar
**I want to** change the date of work packages by drag and drop 
**so that** I can do the planning directly inside the module without opening the work package in the split view.

**Acceptance criteria**

Begin of the insertionOne of the primary advantages of the Team planner is the ability to adjust start/end timesEnd of the insertion Begin of the deletion * Success messagesEnd of the deletion and Begin of the insertionchange assignees simply by dragging work package strips. 

End of the insertion Begin of the deletion error handling
End of the deletion * Begin of the insertionSmall "drag handles" on either end are always visibleEnd of the insertion Begin of the deletion Hover effects for dragEnd of the deletion and Begin of the insertionallow the userEnd of the insertion Begin of the deletion drop
* Moving similarEnd of the deletion to Begin of the insertionextendEnd of the insertion Begin of the deletion a bar inEnd of the deletion the Begin of the insertionwork package to the left or to the right.End of the insertion Begin of the deletion Gantt chart:End of the deletion
* Begin of the insertionTheEnd of the insertion Begin of the deletion Moving the handle on theEnd of the deletion left Begin of the insertionhandle modifiesEnd of the insertion Begin of the deletion side of the card moves theEnd of the deletion start Begin of the insertiondate.End of the insertion Begin of the deletion date (duration changes).End of the deletion
* Begin of the insertionTheEnd of the insertion Begin of the deletion Moving the handle on theEnd of the deletion right Begin of the insertionhandle modifies end date.
* It is possible that for certain work strips, only one (or indeed none!)End of the insertion Begin of the deletion sideEnd of the deletion of the Begin of the insertionedge handles are visible, whenEnd of the insertion Begin of the deletion card movesEnd of the deletion the Begin of the insertionstart and end dates are beyond theEnd of the insertion Begin of the deletion finishEnd of the deletion date Begin of the insertionrange visible in the calendar.
End of the insertion Begin of the deletion (duration changes).
End of the deletion * Begin of the insertionThe user may drag a work package strip horizontally withinEnd of the insertion Begin of the deletion MovingEnd of the deletion the Begin of the insertionsame assignee row to adjustEnd of the insertion Begin of the deletion card inEnd of the deletion the Begin of the deletion middle movesEnd of the deletion start and Begin of the insertionend dates (keeping the duration constant).End of the insertion Begin of the deletion finish date (same duration).End of the deletion
* Begin of the insertionThe user may drag aEnd of the insertion Begin of the deletion Ability to drag/dropEnd of the deletion work Begin of the insertionpackage vertically from one rowEnd of the insertion Begin of the deletion packages across assigneesEnd of the deletion to Begin of the insertionanother to assign it to another user (can also be done simulaneously with a horizotal scroll, ie., one can move the start date andEnd of the insertion change assignee Begin of the insertionin one drag-and-drop movement). (This is sspecifiedEnd of the insertion Begin of the deletion (specifiedEnd of the deletion individually in work package <mention class="mention" data-id="39500" data-type="work_package" data-text="#39500">#39500</mention>). Begin of the insertion
* When a work package is being dragged, the &quot;target&quot; date cells--the ones over which the work strip will be moved to--become blue (same as when a date range is selected) to create a new work package. This is also how fullcalendar.io natively does it. _(For visual reference, see added screen below under &quot;Visuals&quot;)._
* The modifications are executed immediately on release.
* The work package snaps to position upon release (from its free-floating state when being dragged).

**Error handling**

* When a modification is successful, a green snackbar/toast displayed with the same string that is normally for successful modifications: &quot;Successful update&quot;. _(The phrasing of this string could be improved, but we will not create new success strings in this work package)._
* Sometimes, a certain modification is unsuccessful for a range of reasons (detailed in epic <mention class="mention" data-id="39784" data-type="work_package" data-text="#39784">#39784</mention> under &quot;Error handling and exceptions&quot;). In this case, the dragged work package will be returned to its initial location (i.e, the original start date, end date and assignee values) and a red alert snackbar/toast is displayed.
* If the issue is related to permissions, the text should read: &quot;Modification not possible due to issues with permissions.&quot; (**Question:** should we be more explicit? Suggest they contact their project admin?&quot;)
* If the issue is related to relations blocking date changes, the text should read: &quot;The team planner currently does not currently allow you to move work packages with relations.&quot; (**Question:** thoughts on this phrasing, <mention class="mention" data-id="3" data-type="user" data-text="@Niels Lindenthal">@Niels Lindenthal</mention>, <mention class="mention" data-id="87" data-type="user" data-text="@Jens Ulferts">@Jens Ulferts</mention>?)
* Other cases...?

**Visuals**

_Dragging and dropping a work package strip to change assignee or start/end dates_

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/24534/content"></div></figure>

_A green snackbar confirming successful modification_

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/24535/content"></div></figure>



_Red snackbars warning that modification was unsuccessful_

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/24537/content"></div></figure>



<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/24536/content"></div></figure>End of the insertion