title: Angular + Bootstrap + Datepicker = not working
body: <p>I'm using AngularJs 1.6 with angular-ui-bootstrap 2.5.0 (bootstrap-ui-tpl.min.js)</p>
  
  <p>On loading the page, the model value (dateOfBirth) is not getting pre-populated in the date picker textbox. It seems, many have reported similar issues for different versions of angular/bootstrap but nothing seems to work.</p>
  
  <p>HTML:                       </p>
  
  <pre><code>  &lt;input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="dateOfBirth" datepicker-options="dateOptions"/&gt;
    &lt;span class="input-group-btn"&gt;
      &lt;button type="button" class="btn btn-default" ng-click="openDobDatePicker()"&gt;&lt;i class="glyphicon glyphicon-calendar"&gt;&lt;/i&gt;&lt;/button&gt;
    &lt;/span&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$scope.format = 'dd/MM/yyyy'
  
  $scope.dateOfBirth = '05/12/2004'
  
  $scope.dateOptions = {
    maxDate: new Date(),
    startingDay: 1,
    showWeeks: false
  }
  </code></pre>
  
  <p><strong>Edit:</strong>
  It seems angular provides <code>uibDateParser</code> to parse String to Date object. However, the following fails silently: </p>
  
  <pre><code>$scope.dateOfBirth = $uibDateParser.parse('05/12/2004', 'dd/MM/yyyy')
  </code></pre>