title: AngularStrap datepicker looks odd
body: <p>I'm trying to use the AngularStrap datepicker in my project by following the directions on the <a href="http://mgcrea.github.io/angular-strap/#/datepickers#datepickers" rel="noreferrer">AngularDart getting started guide</a>
  The functionality is fine, but the look is off.
  Even without my own stylesheets loaded the look is not what it should be.
  These 2 screenshots should clarify the issue:</p>
  
  <p>How it should look:</p>
  
  <p><img src="https://i.stack.imgur.com/RaQQE.png" alt="how it should look"></p>
  
  <p>How it actually looks:</p>
  
  <p><img src="https://i.stack.imgur.com/hMn2v.png" alt="enter image description here"></p>
  
  <p>The application is scaffolded with yeoman.io</p>
  
  <p>The bower.json config:</p>
  
  <pre><code>{
    "name": "myapp",
    "version": "0.0.0",
    "dependencies": {
      "angular": "~1.2.14",
      "json3": "~3.2.6",
      "es5-shim": "~2.1.0",
      "jquery": "~1.10.2",
      "bootstrap": "~3.1.0",
      "angular-resource": "1.2.14",
      "angular-cookies": "1.2.14",
      "angular-sanitize": "1.2.14",
      "angular-route": "1.2.14",
      "moment": "~2.5.1",
      "angular-strap": "~2.0.0",
      "angular-motion": "~0.3.2",
      "angular-animate": "~1.2.14"
    },
    "devDependencies": {
      "angular-mocks": "1.2.14",
      "angular-scenario": "1.2.14"
    },
    "resolutions": {
      "angular": "1.2.14"
    }
  }
  </code></pre>
  
  <p>The relevant index.html snippets:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" /&gt;
  &lt;link rel="stylesheet" href="bower_components/angular-motion/dist/angular-motion.min.css" /&gt;
  ...
  &lt;link rel="stylesheet" href="styles/style.css"/&gt;
  ....
  &lt;script src="bower_components/es5-shim/es5-shim.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/json3/lib/json3.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- build:js scripts/vendor.js --&gt;
  &lt;!-- bower:js --&gt;
  &lt;script src="bower_components/jquery/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/bootstrap/dist/js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-resource/angular-resource.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-cookies/angular-cookies.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-sanitize/angular-sanitize.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-route/angular-route.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/moment/moment.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-strap/dist/angular-strap.min.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-strap/dist/angular-strap.tpl.min.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-animate/angular-animate.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The datepicker input tag in html:</p>
  
  <pre><code>&lt;input type="text" class="form-control" ng-model="selectedDate" name="date" data-date-format="dd-MM-yyyy" data-start-view="2" bs-datepicker&gt;
  </code></pre>