Tempus-dominus: Datetimepicker coming behind div with position fixed

[nosheen-javed]

I have a static header and when i scroll to end, datetimepicker opens to the top but behind the header. Is there any way we can set the z-index of the datetimepicker widget?

Thanks.

[agentili]

I have a similar problem in a complex page. Trying the classic datepicker of jquery instead the problem is not there.
All the parent divs have relative position but the widget seems close into the first parent.

Following the discussion and thanks in advance

[nosheen-javed]

I actually want the time picker as well. So i do not see any better time picker. Do you know any better time picker i can use instead of this?
Thanks

[leekay0032]

"top": "auto", "bottom": "auto", "left": "auto", "right": "auto", "position": "fixed"

[lyndonjohn]

I had the same issue. I solved it by creating a custom css file and gave datepicker a new z-index.

.datepicker.dropdown-menu {
    z-index: 9999 !important;
}

[deeksha92]

Hi,
I'm also facing the same issue. Can someone help me with the same.

[uldisv]

I had the same issue. I solved it by creating a custom css file and gave datepicker a new z-index.

.datepicker.dropdown-menu {
    z-index: 9999 !important;
}

Great workaround.

[sfandrew]

same with datetime picker

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 9999 !important;
}

[rochiey]

.bootstrap-datetimepicker-widget.dropdown-menu {
z-index: 9999 !important;
}

is not working in accordion. See:

i used datetimepicker

[cwills]

I had to use javascript to add and remove style overflow="visible" when I clicked to expand and contract the accordion menu I was using.

document.getElementById("name-of-div").style.overflow = "visible";

[kprajaguru]

.bootstrap-datetimepicker-widget.dropdown-menu {
z-index: 9999 !important;
}

is not working in accordion. See:

i used datetimepicker

Am also facing a similar issue! Did you happen to find a resolution to this accordion issue? Can you please help?

[chupetoide]

Same issue here. Version 4.17. 47

[CHOUKI-Mouhssine]

worked for me
.bootstrap-datetimepicker { z-index: 9999 !important; }

[rochiey]

.bootstrap-datetimepicker-widget.dropdown-menu {
z-index: 9999 !important;
}

is not working in accordion. See:

i used datetimepicker

Am also facing a similar issue! Did you happen to find a resolution to this accordion issue? Can you please help?

No, I scrapped my project and make a hiding div with jquery hide and show than using accordion.

[eonasdan-bot]

Hello. Thanks for using my project. We’re closing all tickets/prs for v4 as it is no longer supported. We’re making way for a new version. Please read this blog post