Begin of the insertion# Problem

*


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

* There is no difference between a hover and a selected date in the mini calendar.

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

###

End of the insertion ### Acceptance criteria

In the date picker mini days,

* For the start and end dates of a selected range:
* Change background colour to _Primary Dark_ on hover
* For the middle days of a selected date range:
* Maintain the _Primary Light_ background colour
* Change text colour (day number) to _Primary Dark_
* Add hover stroke like on regular days, with stroke colour _Primary_.
* For regular days (non-selected, enabled; including today),
* Change hover stroke colour from the current non-standard grey to _Grey 3_

### Visuals

**Hover on a regular day**
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/53019/content">

**Hover on a start/end day of a select range:**

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

**Hover on one of the &quot;mid&quot; days of a selected range:**

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

**For reference, these are current hover effects on enabled non-working days and on today:**

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

### Screenshots

[Missing\_Hover\_in\_Date\_Picker.webm](https://community.openproject.org/attachments/51900/Missing_Hover_in_Date_Picker.webm)