Content
View differences
Updated by Parimal Satyal about 3 years ago
### Acceptance criteria
In the date picker mini days,
* For the start selected dates (start, mid and end dates of a selected range: end),
* Change background colour to _Primary Dark_ _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 "mid" 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)
In the date picker mini days,
* For the start
* Change background colour to _Primary Dark_
* 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 "mid" 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)