Ngx-bootstrap: Is posible to use BsDatetime on modal?

Created on 13 Sep 2017  路  10Comments  路  Source: valor-software/ngx-bootstrap

I am working with form on modal and I try to use bs modal but this never show, I feel that the datepicker is under de modal.

All 10 comments

You are correct. It's because of z-index in the CSS. I got the same issue. I think CSS should be tuned to make it happen. The same thing for me - i need bsDatepicker on modal form

@orvelin Does it support reactive forms? Displaying on modals? Date objects in model?

yes, it is supports all

@orvelin YES! AWESOME. The only thing - compatibility with Bootstrap :(

As @vrudikov said, you can use something like this /deep/ .bs-datepicker { z-index: 9999 !important; } for make appear the datepicker pop-up over modal and fix at the moment this problem.

@vrudikov I added in my project and I didn,t have problems.

Same problem here. When i try to open BsDatePicker in modal, it is under modal

I added this in my styles.css and now it works
@vrudikov

bs-datepicker-container {
  z-index: 9999 !important;
}

this z-index staff is so stupid(
closing as duplicate, but we are aware of this **
will be fixed in nearest releases

Was this page helpful?
0 / 5 - 0 ratings

Related issues

haisaco picture haisaco  路  3Comments

KimBum picture KimBum  路  3Comments

RolfVeinoeSorensen picture RolfVeinoeSorensen  路  3Comments

hugonne picture hugonne  路  3Comments

ctrl-brk picture ctrl-brk  路  3Comments