**As** an Admin of an OpenProject instance
**I want to** manually configure non-working days that affect all users, in all projects in the instance
**so that** work packages can be planned with more precision, with dates that correspond to actual working days

### **Acceptance criteria:**

There are two ways of adding non-working days depending on the calendar view in the "Working days" settings screen:

* **Monthly view:** user can click on a single day or click and drag on multiple days to add one of multiple non-working days of a specific month. Once the mouse is released, a dialog with a text field appears to allow the user to name the day/s.

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32015/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27756/content"></div></figure>End of the deletion

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32016/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27758/content"></div></figure>End of the deletion

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32017/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27759/content"></div></figure>End of the deletion

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32018/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27760/content"></div></figure>End of the deletion

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32019/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27757/content"></div></figure>End of the deletion

* **Yearly view:** This is a list of all the non-working days (excluding weekends) of a single year. In this case, at the end of the list there is a persistent button (always visible and not scrollable) to include new non-working days that opens a dialog with a name text field and a singe date picker (which allows single date or multiple date selection with two clicks for a date range).

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32020/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27761/content"></div></figure>End of the deletion

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32021/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27763/content"></div></figure>End of the deletion

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32022/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27762/content"></div></figure>End of the deletion

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32023/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27764/content"></div></figure>End of the deletion

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32024/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27765/content"></div></figure>End of the deletion

###

### Other cases:

You can edit the added non-working day/s by clicking on it on any of the views. To dlete a day/s, a delete icon is always displayed on hover.

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32026/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27768/content"></div></figure>End of the deletion

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" Begin of the insertionsrc="/api/v3/attachments/32025/content"></div></figure>End of the insertion Begin of the deletion src="/api/v3/attachments/27767/content"></div></figure>End of the deletion

In the case of the admin creating a day on top of a day that has already been added, the last addition will always override the Begin of the insertionprevious.End of the insertion Begin of the deletion previous. End of the deletion

In the case of a single day breaking a multiple day selection, this will only affect the specific Begin of the insertionday (days are removed one by one).End of the insertion Begin of the deletion day. _(<mention class="mention" data-id="72512" data-type="user" data-text="@Marc Alcobé">@Marc Alcobé</mention>, this bit might need clarification)._End of the deletion

### Figma link:

https://www.figma.com/file/SMzHAQWcY9k0PkTEKd5UQn/?node-id=0%3A1