ng-bootstrap ngbDatepicker shown behing ng-template modal

Question

I'm building a form within a modal, shown in a ng-template tag. @ng-bootstrap/bootstrap Datepicker popup is stuck behind modal, like the picture below.

How do I push calendar popup to front?

Ng Bootstrap and Angular versions are listed below:

"@ng-bootstrap/ng-bootstrap": "^1.1.2"
"@angular/core": "^5.2.11"

Answer 1

Try to add in your styles.css the following line:

.dropdown-menu.show { 
     z-index: 1090 !important; 
}