title: ngx-bootstrap for angular - datepicker how do i change the theme color when nothing seems to work
body: <p>I'm trying to change the color of the datepicker and it is not working</p>
  
  <p>Here is the ngx-bootstrap datepicker  <a href="https://valor-software.com/ngx-bootstrap/#/datepicker" rel="noreferrer">https://valor-software.com/ngx-bootstrap/#/datepicker</a></p>
  
  <p>This is my html template</p>
  
  <pre><code>         &lt;div class="form-group"&gt;
                          &lt;label class="col-sm-3 control-label" for="date"&gt;Date:&lt;/label&gt;
                          &lt;div class="col-sm-9"&gt;
                                  &lt;input type="text"
                                  class="form-control"
                                  [minDate]="minDate"
                                  [maxDate]="maxDate"
                                  #dp="bsDatepicker"
                                  bsDatepicker [(bsValue)]="bsValue"&gt;
                                  &lt;button class="btn btn-success" (click)="dp.toggle()"&gt;Date Picker&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>I was trying various things,  I do realize that this applyTheme is a function</p>
  
  <pre><code>colorTheme = 'theme-green';
  
  bsConfig: Partial&lt;BsDatepickerConfig&gt;;
  
    applyTheme(pop: any) {
    // create new object on each property change
    // so Angular can catch object reference change
    this.bsConfig = Object.assign({}, { containerClass: this.colorTheme });
    setTimeout(() =&gt; {
      pop.show();
    });
  }
  </code></pre>