title: angular-ui datepicker initial state of datepicker not formatted per datepicker-popup
body: <p>I'm working with an angular-ui  datepicker and everything is actually working fine, with the exception of the initial state of the datepicker.  AFter I pick a date, it looks fine.  See below:</p>
  
  <p><strong>Initial State</strong></p>
  
  <p><img src="https://i.stack.imgur.com/YvVQr.png" alt="enter image description here"></p>
  
  <p><strong>After Selecting a date in the picker</strong></p>
  
  <p><img src="https://i.stack.imgur.com/G8Kqx.png" alt="enter image description here"></p>
  
  <p>So, clearly I'm getting the strigified version of the date object in the first case, and the formatted after selecting a date.  </p>
  
  <p><strong>The Markup</strong></p>
  
  <pre><code>&lt;input type="text" class="form-control"
         id="birthday"
         datepicker-options="datePickerOptions"
         datepicker-popup="{{format}}"
         data-ng-model="birthday"
         data-is-open="opened"
         data-ng-required="true"
         data-close-text="Close"/&gt;
  
  &lt;span class="input-group-btn"&gt;
      &lt;button type="button"
              class="btn btn-default"
              data-ng-click="open($event)"&gt;
          &lt;i class="fa fa-calendar"&gt;&lt;/i&gt;
      &lt;/button&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p><strong>The Controller</strong></p>
  
  <pre><code>var today = $scope.today = function today() {
      $scope.birthday = $scope.client.birthday || new Date();
  };
  today();
  
  $scope.clear = function clear() {
      $scope.dt = null;
  };
  
  $scope.open = function($event) {
      $event.preventDefault();
      $event.stopPropagation();
  
      $scope.opened = true;
  };
  
  $scope.format = 'MMM d, yyyy';
  $scope.datePickerOptions = {
      'show-weeks': false
  };
  </code></pre>
  
  <p>Not a huge deal, but would be really nice if the model (which needs to be a date object per the docs) was formatted per the <code>$scope.format</code> to begin with, rather than a strigified date object.  Also, not sure it makes a difference, but this datepicker is inside a modal.  Thanks for any help!</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Looks like I'm not the only one experiencing this, and it's related to using angular 1.3.  <a href="https://github.com/angular-ui/bootstrap/issues/2659" rel="nofollow noreferrer">https://github.com/angular-ui/bootstrap/issues/2659</a></p>