# V2.9 datetimepicker overlays other elements

**URL:** <https://community.icinga.com/t/v2-9-datetimepicker-overlays-other-elements/7779>\
**Category:** Icinga Web\
**Created:** [July 14, 2021, 11:47am UTC](https://community.icinga.com/t/v2-9-datetimepicker-overlays-other-elements/7779 "2021-07-14T11:47:18Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![log1c](https://community.icinga.com/user_avatar/community.icinga.com/log1c/32/2071_2.png) [@log1c](https://community.icinga.com/u/log1c)\
**Post date:** [July 14, 2021, 11:47am UTC](https://community.icinga.com/t/v2-9-datetimepicker-overlays-other-elements/7779/1 "2021-07-14T11:47:18Z")

</div>

Hi there,

before opening this as a github issue (maybe it is “works as designed”) I’ll ask here:  
After the update to v2.9 of Icinga Web 2 the new date time picking dialogue overlays/blocks the other elements of the form (e.g schedule downtime, ack with expire time)

 ![image](https://community.icinga.com/uploads/default/original/2X/f/f40c98077dbe60f544dde3b1db8dfc0ffe81e05c.png)

I would have expected that the dialogue disappears when clicking outside of it or that there is some form of confirm/close button.

I already found out that the picker can be close by hitting _enter_ on the keyboard after I chose a date/time, but I don’t find this very intuitive atm.

Tested in both Chrome and Firefox.

best regards 🙂

---

<div class="post-metadata">

**Author:** ![nilmerg](https://community.icinga.com/user_avatar/community.icinga.com/nilmerg/32/277_2.png) [@nilmerg](https://community.icinga.com/u/nilmerg)\
**Post date:** [July 14, 2021, 1:48pm UTC](https://community.icinga.com/t/v2-9-datetimepicker-overlays-other-elements/7779/2 "2021-07-14T13:48:39Z")

</div>

ESC also works. But yeah, it needs some work to have it integrated better. ☹

See also: [Datetimepicker not usable by keyboard · Issue #4442 · Icinga/icingaweb2 · GitHub](https://github.com/Icinga/icingaweb2/issues/4442)
