Date-picker styles not working after production build in Angular 4

Finally, I found a solution.

I just added ngx-bootstrap CSS into angular-cli.json

angular-cli.json

"styles": [
    "styles.css",
    "../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css"],

and it worked for me. Thanks for attention.

an other solution can solve your problem if the previous solution doesn't :

it's for :

"@angular/core": "^6.0.3", "@angular/material": "^7.3.2",

first add bs-datepicker.css path to angular.json file in the style paths :

"styles": [
    "styles.css",
    "../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css"],

if you add bs-datepicker.css and still doesn't work try to add this link to your style.css

@import "~node_modules/ngx-bootstrap/datepicker/bs-datepicker.css";

enter image description here

that solved the problem for me hope it helps !

Related