title: bootstrap 3 datepicker with custom theme - nasty looking
body: <p>I bought one of the custom Metro themes that was part of the John Papa AngularJS/Breeze courses on Pluralsight.  Everything goes well until I tried to add a Bootstrap 3 date picker to the mix.  Right out of the box, it looks nasty.</p>
  
  <p><img src="https://i.stack.imgur.com/KGPZy.jpg" alt="enter image description here"></p>
  
  <p>Note that the font-awesome icon is a couple of pixels smaller than the input box and that the popup has varying column widths and these weird borders and no background etc., etc.</p>
  
  <pre><code>     &lt;div class="col-xs-6"&gt;
           &lt;div class="input-group"&gt;
               &lt;input type="text" class="form-control"
                      datepicker-popup="{{vm.dateFormat}}"
                      ng-model="vm.startDate"
                      is-open="vm.openedStart"
                      max-date="{{vm.endDate | date: 'yyyy-MM-dd'}}"
                      datepicker-options="{{vm.dateOptions}}"
                      ng-required="true"
                      show-button-bar="false"
                      show-weeks="false" /&gt;
               &lt;span class="input-group-btn"&gt;
                    &lt;button type="button" class="btn btn-default" ng-click="vm.openStart($event)"&gt;&lt;i class="fa fa-calendar"&gt;&lt;/i&gt;&lt;/button&gt;
               &lt;/span&gt;
           &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I seem to have this problem whenever I try and use a custom bootstrap style that I've downloaded, so I'm obviously missing something fundamental in how custom style sets work.</p>
  
  <p>So given that I have a custom style, how do I go about resetting the style of the datepicker so it looks much more 'default'?  Obviously, I have to hunt down the CSS for it, and I have a customtheme.css file, but there's not much in there for the .ui-datepicker class and definately nothing that ever explains why are lines through the calendar.</p>
  
  <p>Can anyone give me some advice or some pointers and how to clean this up (the icon and the calendar layout), or more generally, how to clean up gremlins when using custom themes?</p>