How to apply custom styles to the ng-bootstrap datepicker?

Question

I'm using the ng-bootstrap datepicker (if you scroll down its the "Basic Datepicker") in my angular 2 application, but want to apply custom styles. How is that done? I don't see anything about it in the ng-bootstrap documentation.

Answer 1

I was able to change its styling when putting css settings in the style.scss file instead of component's styling file

/*@src/style.scss*/

ngb-datepicker {
    position: absolute;
    background-color: white;

    .ngb-dp-header {
        background-color: rgba(52,104,191,1);
    }

    select {
        background-color: rgba(52,104,191,1);
        color: white;
    }
}

Answer 2

As of today you can provide a custom template for a data cell thus influencing look & feel of day display. This is demonstrated in the "Custom day view" section of the documentation.