# Bug OP-12065 - Date picker: selected dates in mini calendar don't have a hover (primary dark)

Project: OpenProject
Status: closed
URL: https://community.openproject.org/work_packages/OP-12065

## Open points

_No work packages_

## Details

| Attribute | Value |
| --- | --- |
| Date |  – 2023-03-24 |
| Priority | Medium |
| Module |  |
| Target versions | 12.5.3 |
| Observed in versions |  |
| Sprint | 12.5.3 |
| Backlog bucket |  |
| Bug found in version (deprecated) |  |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Requires doc change | No |
| Accessibility | No |
| Pull preview |  |
| List |  |
| Labels |  |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Planning

| Attribute | Value |
| --- | --- |
| Relevance |  |

## Costs

| Attribute | Value |
| --- | --- |
| Votes |  |
| Work |  |
| Labor costs |  |

## Description

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

###   

### 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)