### Steps to reproduce

1. Login into [https://qa.openproject-stage.com/](https://qa.openproject-stage.com/) using Mobile
2. Open one of your work packages and click on date picker to select a date.
3. Observe the month and year above the calendar.

### What is the buggy behavior?

* On iOS devices, there is no down arrow next to the month. On Android devices, there is down arrow. Should this be Begin of the insertionconsistent?End of the insertion Begin of the deletion consistent? End of the deletion
* Angle brackets on the left and right seem a bit higher in relation to the month and year, could the look be Begin of the insertionimproved?End of the insertion Begin of the deletion improved? End of the deletion

<img class="op-uc-image op-uc-image_inline" style="width:320px;" src="/api/v3/attachments/39260/content"> Begin of the deletion

End of the deletion <img class="op-uc-image op-uc-image_inline" style="width:351px;" src="/api/v3/attachments/39261/content">

### What is the expected behavior?

1. Begin of the insertion The down arrow is always present next to the month, and opens a native HTML dropdown.
End of the insertion Begin of the deletion

End of the deletion 2. Begin of the insertion The angle brackets are vertically centered in relation to the month and year.

End of the insertion Begin of the deletion


End of the deletion ### Environment information

_Please check and fill out the following details to help us identify in what versions and distributions of OpenProject the error occurs_

**OpenProject installation type**

* [ ] Hosted cloud edition
* [ ] Packaged installation
* What distribution?
* [ ] Docker All-in-one container
* [ ] Docker-compose installation
* [x] Other (please specify): QA Stage environment

**OpenProject version**

12.3.0 
**06855768 (2022-10-10 06:48:30 +0000)**

**Browser**

* [ ] Chrome
* [ ] Firefox
* [ ] Safari
* [x] Mobile Safari
* [x] Other (please specify): Mobile Chrome and Firefox