Datepicker not working inside of Modal Window

[nikunp]

When using the Datepicker input inside of a modal window the datepicker does not show up in the modal window it shows up inside how would I go about solving this issue?

[HugoMarteau]

Hi, It is caused by the z-index, it has already been notified and a fix will come soon. By now you can set manually the z-index of the date picker in your styles.css /*Date picker container*/ bs-datepicker-container { z-index: 3000; }

[valorkin]

@EvilAlexei @IlyaSurmay what we gonna do?

[valorkin]

according to bootstrap.css logic (tooltips, dropdowns, etc.) datepicker should be z-index: 1080

[MeMeMax]

This is still a topic. I am getting the error with version "ngx-bootstrap": "^2.0.4"

Edit: Sorry it works with the additional css file which I was missing. But is there a reason why this is so complicated? In most other Modules you just import the element you want and everything is deliviered within it.

[EvilAlexei]

Hello @MeMeMax !

I guess you speak about datepicker css file? You need it because there are no datepicker component in original bootstrap and there no styles in bootstrap.css for datepicker. Just to be sure, you can find additional info here Anyway it's a good point about styles inside component without additional files, we will discuss it :)

[jrpatel1016]

Hello All,

I am trying to manage ngx-date picker in modal popup at the time of scrolling it's not move with date text box and it's opening always bottom of date picker text box.

Please let me know their any solution for this? or may i make "auto" placement of date picker in modal popup???

[MajidPro320]

Hello, use this code $("#lastModifiedDateFilter").daterangepicker({ parentEl: "#divChooseDossier .modal-body" })

https://stackoverflow.com/questions/17694456/jquery-daterangepicker-not-working-in-modal

[toof06]

hello i resolve it with .datepicker{ z-index: 1100 !important; }

ui-datepicker-div {

        width: 30% !important;
    }

[shubhjhawar]

My calendar does not show up in angular, even when I added z-index like asked above.