Begin of the deletion <mention class="mention" data-id="72513" data-type="user" data-text="@Parimal Satyal">@Parimal Satyal</mention> <mention class="mention" data-id="72512" data-type="user" data-text="@Marc Alcobé">@Marc Alcobé</mention> I feel this is a missing UX feature:
End of the deletion **As** a user of the team planner
**I want to** be able to Begin of the insertioneasilyEnd of the insertion remove a WP from a team planner board without manually Begin of the insertionremovingEnd of the insertion Begin of the deletion settingEnd of the deletion the assignee Begin of the insertionor changing the start and finish datesEnd of the insertion Begin of the deletion to &quot;-&quot;End of the deletion
**so that** Begin of the insertionit takes less time whenEnd of the insertion I Begin of the insertionknow something hasEnd of the insertion Begin of the deletion don&#39;t needEnd of the deletion to Begin of the insertionrescheduled/re-planned but I don&#39;t that the newer values are.

### Note

Work packages are never really &quot;removed&quot; from the team planner, since the team planner is merely a view (and neither property of the work package, nor a defined container). It merely shows all work packagesEnd of the insertion Begin of the deletion searchEnd of the deletion for Begin of the insertiona list of assigneesEnd of the insertion that Begin of the insertionmeet the filter criteria for a particular date range.End of the insertion Begin of the deletion featureEnd of the deletion

Begin of the insertionThe only ways to &quot;remove&quot; a work package from view are to:End of the insertion Begin of the deletion **Acceptance criteria**End of the deletion

Begin of the insertion1. Add a filter that would exclude that work package.
2. Remove the assignee, or change to one that has not been added to the planner (and is thus not visible).
3. Change the start/end dates so the currently visible date range does not fall in between them.

We offer users a way to combine the last two actions -- remove assignee along with the start and end dates -- in one easy action.

### Acceptance criteria

End of the insertion * Begin of the insertionWhen a user starts dragging a work package, along with the hovered date rangesEnd of the insertion Begin of the deletion Having some sort of X-iconEnd of the deletion on Begin of the insertionthe calendar being highlighted in blue, a drag zone appears at the bottom, to the right of the &quot;+ Add assignee&quot; button.
* The drag zone spans the full available width to the right.
* It contains this hint: &quot;Drag here to remove assignee and start and end dates.&quot;
* When a work package is dragged to this zone, the state of the zone changes (blue fill) to communicate that the drag zone has an acceptable work package, and that dropping it there will perform an action.
* On mouse out, the work package is &quot;removed&quot; from the current view (it disappears) and a green success toast informs the user: &quot;Assignee and start/finish dates successfully removed.&quot;
* The work package becomes available again via the left-hand add existing search pane.
* _**Open**: this might require a refresh to the search term? <mention class="mention" data-id="87" data-type="user" data-text="@Jens Ulferts">@Jens Ulferts</mention> ._
* This zone (the Add Existing button and remove drag zone) are always visible, even when the number of added assignees exceeds the number that can be shown without scroll. These two elements need be sticky once they reach the bottom end of the available vertical space in the viewport. 
* Starting from this point, the team planner calendar area will need to scroll vertically, keeping that add assignee button anchored to the bottom.

### Visuals

_**The drag zone appears when dragging work packages**_

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

_**Dragging the work package to the zone turns it blue**_

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

_**A success toast informs the user that assignee and start/finish dates were successfully removed**_

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

### Figma prototype

Link: [https://www.figma.com/file/409d6qR685SzZLXez4TPl7/Team-Planner?node-id=1319%3A52447](https://www.figma.com/file/409d6qR685SzZLXez4TPl7/Team-Planner?node-id=1319%3A52447)End of the insertion Begin of the deletion WP hover, for instance.End of the deletion