Ngx-bootstrap: Datepicker. Add placement "bottom-left"

Created on 8 Feb 2018  路  3Comments  路  Source: valor-software/ngx-bootstrap

Would be nice to have it aligned to the left and bottom sides of the input. Right now bottom is center aligned.

comp(datepicker)

Most helpful comment

This is possible in the current implementation.
<input placement="bottom left" bsDatepicker>
Example - https://stackblitz.com/edit/angular-xoobax?file=app/custom-format.html (you may need to make the preview wider than 786px to avoid applying styles for mobile devices)

All 3 comments

This is possible in the current implementation.
<input placement="bottom left" bsDatepicker>
Example - https://stackblitz.com/edit/angular-xoobax?file=app/custom-format.html (you may need to make the preview wider than 786px to avoid applying styles for mobile devices)

This is possible in the current implementation.
<input placement="bottom left" bsDatepicker>
Example - https://stackblitz.com/edit/angular-xoobax?file=app/custom-format.html (you may need to make the preview wider than 786px to avoid applying styles for mobile devices)

@IlyaSurmay

I need to be able to move the top and left positioning a little more than the default behavior that comes with placement="bottom left". I see the role and absolute positioning on https://github.com/valor-software/ngx-bootstrap/blob/development/src/datepicker/themes/bs/bs-datepicker-container.component.ts. However, I am unable to locate how the pixels are being set. Would you be able to point me in that direction?

doesn't work in the latest version

Was this page helpful?
0 / 5 - 0 ratings

Related issues

RolfVeinoeSorensen picture RolfVeinoeSorensen  路  3Comments

tpiros picture tpiros  路  3Comments

haisaco picture haisaco  路  3Comments

phmello picture phmello  路  3Comments

PascalHonegger picture PascalHonegger  路  3Comments