Ngx-bootstrap: How can I customize the style of Datepicker

Created on 21 Nov 2016  路  7Comments  路  Source: valor-software/ngx-bootstrap

I would like to change some borders, colors and other styles, but do not know how to do

comp(datepicker)

All 7 comments

Just look at the DOM and write up your own CSS.

@helloljq is issue solved for you?

There really should be @Input() variables for the classes used.
For example, what if I don't want to use btn-sm for the buttons?

The same thing should be done for the Timepicker, where it currently uses regular size of both buttons and formcontrols.
What if I want to use form-control-sm?

Does anyone had success with that?
I'm trying even with :host /deep/, but no success :(

Ok, adding the daypicker after the /deep/ works.

:host /deep/ daypicker {
    table {
        background: white;
    }
}

now you can fully customize css ;)
new datepicker (new style and pop up version)
available in v1.9.0+
check this out: http://valor-software.com/ngx-bootstrap/#/datepicker#examples

Check how custom themes implemented datepicker css, and do your own

Was this page helpful?
0 / 5 - 0 ratings