title: How to use a template in Angular UI Bootstrap Datepicker?
body: <p><a href="https://stackoverflow.com/questions/17660947/can-you-override-specific-templates-in-angularui-bootstrap">In this question</a> it is explained how to use templates in Angular UI Boostrap. But it doesn't have an example of a DatePicker template. I need to change the fonts and get rid of the number borders. I analyzed the Angular UI javascript but couldn't find the template. Any thoughts?</p>
  
  <p>This is the <a href="http://plnkr.co/edit/DowKrAo6Ol5sjHsj9M0s?p=preview" rel="nofollow noreferrer">PLUNK</a>.</p>
  
  <p>HTML</p>
  
  <pre><code>    &lt;p class="input-group" style="width:200px;"&gt;
        &lt;input type="text" class="form-control" is-open="true" ng-model="dt"
             uib-datepicker-popup="MM-dd-yyyy" 
             datepicker-options="dateOptions" close-text="Close"
             popup-placement="bottom-left" on-open-focus="false"/&gt;
        &lt;span class="input-group-btn"&gt;
            &lt;button type="button" class="btn btn-default"&gt;
                &lt;i class="glyphicon glyphicon-calendar"&gt;&lt;/i&gt;
            &lt;/button&gt;
        &lt;/span&gt;
     &lt;/p&gt;
  </code></pre>