title: css style datepicker issue with flatly bootswatch theme
body: <p>I am using the flaty bootstarp theme found <a href="http://bootswatch.com/flatly/" rel="nofollow noreferrer">here</a>. and the datepicker component found <a href="https://github.com/eternicode/bootstrap-datepicker/" rel="nofollow noreferrer">here</a></p>
  
  <p>When in use, the date pciker appears like this </p>
  
  <p><img src="https://i.stack.imgur.com/DTCpt.png" alt="date picker"></p>
  
  <p>What styles do i change to make it look right, i dont want to mess with the css. Here is the issue is <a href="http://jsfiddle.net/hwPcF/4/" rel="nofollow noreferrer">http://jsfiddle.net/hwPcF/4/</a></p>
  
  <pre><code>&lt;input class="span2" id='dp3' size="16" type="text"&gt;
  
  $(document).ready(function(){
      $('#dp3').datepicker({
              format: 'yyyy-mm-dd',
              autoclose: true
          });
  });
  </code></pre>