**As** a project member
**I want to** see which dates are non-working dates even when "working days only" is disabled.
**so that** all date pickers, in all modes, still indicate which dates are set as non-working days.

### **Acceptance criteria**

* Show non working days (weekends or individual ones set by my administrator) in the mini calendar of all date pickers, even when the "Working days only" switch is set to Begin of the insertionOFF.End of the insertion Begin of the deletion OFF. End of the deletion
* As opposed to the current version, where these days are shown as regular days)
* Distinguish between a "clickbale" (enabled) non-working day and a "non-clickable" (disabled) non working day.
* Update the dates of individual days in the mini calendar of all date pickers to make this possible. Each date in the mini calendar can have these states:
* **Enabled (clickable)**
* Begin of the insertionToday (any working day, or a non-working day when it is enabled due to "Working days only" switch set to OFF).End of the insertion Begin of the deletion Today:End of the deletion
* Text: Begin of the insertion#333333End of the insertion Begin of the deletion #000000End of the deletion
* BG: Indication/Current date _(#ffffe1)_
* Non-working day (when Begin of the insertion"Working days only"End of the insertion Begin of the deletion "non-working days"End of the deletion switch is OFF)
* Text: Begin of the insertion#333333End of the insertion Begin of the deletion #000000End of the deletion
* BG: _Basic/Grey 6_ (#f3f3f3)
* Working day:
* Text: Begin of the insertion#333333End of the insertion Begin of the deletion #000000End of the deletion
* BG: _Basic/white_
* Selected:
* Start/end of range:
* Text: _Basic/white_
* BG: Primary theme colour (_Main/Main_ for defaut theme)
* Middle of range:
* Text: Primary theme colour (_Main/Main_ for defaut theme)
* BG: Light version of primary theme colour (derived)
* **Disabled (not clickable, either because non-working day or limited by relations)**
* Begin of the insertionToday (when it falls on a disabled day, either out of range due to relations or non-working day when "Working days only" switch is ON)End of the insertion Begin of the deletion Today:End of the deletion
* Text: _Basic/Grey 3_ (#878787)
* BG: Indication/Current date _(#ffffe1)_
* Non-working day (when Begin of the insertion"Working days only"End of the insertion Begin of the deletion "non-working days"End of the deletion switch is ON)
* Text: _Basic/Grey 3_ (#878787)
* BG: _Basic/Grey 6_ (#f3f3f3)
* Working day (when disabled by relations)
* Text: _Basic/Grey 3_ (#878787)
* BG: _Basic/white_
* Selected (to indicate selected dates in a disabled range)
* Start/end of range:
* Text: _Basic/Grey 5_ (#e0e0e0)
* BG: _Basic/Grey 3_ (#878787)
* Middle of range:
* Text: _Basic/Grey 3_ (#878787)
* BG: _Basic/Grey 5_ (#e0e0e0)

### Visuals

In the following date picker:

* **"Working days only" is ON**
* Nov 2 is today (enabled)
* Selected range is 18–23 Nov
* 20 and 21 are spanned, but not included (disabled, not clickable)
* These are individual non-working days (disabled, not clickable)
* 25 Nov
* 15 Dec
* These days are disabled due to relations:
* 20–30 December

<img class="op-uc-image op-uc-image_inline" style="width:489px;" src="/api/v3/attachments/51296/content">

\---

In the following date picker:

* **&quot;Working days only&quot; is OFF**
* Dec 23 is today (disabled, limited by relations)
* Selected range is 18–21 Nov
* Selected non-working days behave as normal, since they are as enabled
* These are individual non-working days (enabled, clickable)
* 25 Nov
* 15 Dec
* These days are disabled due to relations:
* 20–30 December

<img class="op-uc-image op-uc-image_inline" style="width:493px;" src="/api/v3/attachments/51297/content">

\---

In the following date picker:

* **&quot;Working days only&quot; is OFF**
* **Automatically scheduled, so all dates are disabled**
* Dec 23 is today (disabled)
* Selected range is 18–21 Nov (disabled)
* These are individual non-working days (disabled)
* 25 Nov
* 15 Dec

<img class="op-uc-image op-uc-image_inline" style="width:488px;" src="/api/v3/attachments/51298/content">