Ngx-bootstrap: BsDatepicker position issue

Created on 12 Sep 2017  路  5Comments  路  Source: valor-software/ngx-bootstrap

Can't say something else :)
When the browser bottom boundary reached datepicker opens as it is designed, but it's very hard to pick something when you doesn't see it. My proposal is to add logic that will analyze bottom and top borders and datepicker position and will open component in appropriate state
image

comp(datepicker) feat-request

Most helpful comment

@jrpatel1016 - You can set container="" in your input field. It will work and position will not be absolute.

All 5 comments

This is especially a problem if you use it in a modal form with a field near the bottom of the screen as you cannot then scroll the page down to see the picker.

Closing as related to #2796 (datepicker is uisng the same position service).

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???

datepicker-bug

@jrpatel1016 - You can set container="" in your input field. It will work and position will not be absolute.

@jrpatel1016 - You can set container="" in your input field. It will work and position will not be absolute.

Thanks for your solution Rishabh. i have tried this for single datepidcker it's working fine. but when i'll trying to use it in date range picker it's breaking ui of date range picker. please you can refer attached screen shot.

issue-daterange

Was this page helpful?
0 / 5 - 0 ratings