**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

Begin of the insertion##End of the insertion Begin of the deletion ###End of the deletion **Acceptance criteria:**

Begin of the insertionAddingEnd of the insertion Begin of the deletion There are two ways of addingEnd of the deletion non-working Begin of the insertionwould be possible throughEnd of the insertion Begin of the deletion days depending onEnd of the deletion the Begin of the insertionadministration settingEnd of the insertion Begin of the deletion calendar view in theEnd of the deletion "Working days" Begin of the insertionwith a new section created bellow the work week. This section will contain:End of the insertion Begin of the deletion settings screen:End of the deletion

* Begin of the insertionShort titleEnd of the insertion Begin of the deletion **Monthly view:** user can click on a single day or clickEnd of the deletion and Begin of the insertiondescription (see the visuals for the text)
* A headerEnd of the insertion Begin of the deletion drag on multiple daysEnd of the deletion to Begin of the deletion add one of multiple non-working days of a specific month. OnceEnd of the deletion the Begin of the insertionlistEnd of the insertion Begin of the deletion mouse is released, a dialogEnd of the deletion with Begin of the deletion a text field appears to allowEnd of the deletion the Begin of the insertioncurrent year and two buttons with arrowsEnd of the insertion Begin of the deletion userEnd of the deletion to Begin of the insertionnavigate between years _(need to be double check with dev team)_. 
End of the insertion Begin of the deletion name the day/s.

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32015/content"></div></figure>

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32016/content"></div></figure>

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32017/content"></div></figure>

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32018/content"></div></figure>

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32019/content"></div></figure>

End of the deletion * Begin of the insertionA yearlyEnd of the insertion Begin of the deletion **Yearly view:** This is aEnd of the deletion list Begin of the insertionviewEnd of the insertion of all the non-working days (excluding weekends) of a single Begin of the insertionyear that is called from Fullcalendar.
* On hover ofEnd of the insertion Begin of the deletion year. InEnd of the deletion this Begin of the insertionlist a bin icon will be displayed inEnd of the insertion Begin of the deletion case, atEnd of the deletion the Begin of the insertionright to be able to eliminate non-working days _(need to be double check with dev team)_.
* At the bottomEnd of the insertion Begin of the deletion endEnd of the deletion of the list there is a persistent button (always visible and not scrollable) to include new non-working Begin of the insertiondays. Once clicked:
* A modal date picker is opened. The design of this modal are specified on <mention class="mention" data-id="42358" data-type="work_package" data-text="#42358">#42358</mention>.
* The user will be able toEnd of the insertion Begin of the deletion days that opens a dialog with aEnd of the deletion name Begin of the insertionthe non-working dayEnd of the insertion Begin of the deletion text fieldEnd of the deletion and Begin of the insertionselectEnd of the insertion a Begin of the deletion singeEnd of the deletion date Begin of the deletion picker (which allows single date or multiple date selection with two clicksEnd of the deletion for Begin of the insertionit.
* If the desiredEnd of the insertion Begin of the deletion aEnd of the deletion date Begin of the insertionis a weekendEnd of the insertion Begin of the deletion range).

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32020/content"></div></figure>

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32021/content"></div></figure>

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32022/content"></div></figure>

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32023/content"></div></figure>

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32024/content"></div></figure>

###

### Other cases:

You can editEnd of the deletion the Begin of the insertionuser should use the switch to allow weekend days selection.
* At the endEnd of the insertion Begin of the deletion added non-working day/s by clicking on it on anyEnd of the deletion of the Begin of the insertionscreen there is the &quot;Save&quot; button that confirms all the selected options above. If the user perform any change, this action will triggerEnd of the insertion Begin of the deletion views. To dleteEnd of the deletion a Begin of the insertionconfirmation modal:
* Use the current implemented modal updating the text (see the visuals). The userEnd of the insertion Begin of the deletion day/s, a delete iconEnd of the deletion is Begin of the insertionindicated that this action might take some time and it will be notified once the changes are applied.
* Once the user confirm the changes the API call will be performed and an already implemented progress system will be used to notify the user once all the changes are applied _(dev team needs to confirm this is easy to implement)_.
* End of the insertion Begin of the deletion always displayed on hover.

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32026/content"></div></figure>

<figure class="image op-uc-figure" style="width:75%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32025/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 previous. Begin of the insertion
* The text on the top information box is also updated to include the non-working days (see visuals for the text).End of the insertion

Begin of the insertion## Note

Texts inEnd of the insertion Begin of the deletion InEnd of the deletion the Begin of the insertionmodal and information boxes might change after review.

## Visuals

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/39534/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/39536/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/39537/content">

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/39538/content">

## Figma link:

https://www.figma.com/file/SMzHAQWcY9k0PkTEKd5UQn/Duration-and-Non-Working-Days?node-id=2435%3A68835

## OutEnd of the insertion Begin of the deletion caseEnd of the deletion of Begin of the insertionScope

* Monthly view: user can click onEnd of the insertion a single day Begin of the insertionor click and drag onEnd of the insertion Begin of the deletion breaking aEnd of the deletion multiple Begin of the insertiondays to add one of multiple non-working days of aEnd of the insertion Begin of the deletion day selection, this will only affect theEnd of the deletion specific Begin of the insertionmonth. Once the mouse is released, a dialog with a text field appears to allow the user to name the day/s.
* Add public calendar: import a calendar from a public list of holidays depending on the location of the instance.
* Add more than a single holiday: add more thanEnd of the insertion Begin of the deletion day (days are removedEnd of the deletion one Begin of the insertionday in a single creation step.End of the insertion Begin of the deletion by one).

### Figma link:

https://www.figma.com/file/SMzHAQWcY9k0PkTEKd5UQn/?node-id=0%3A1End of the deletion