title: Why is my date input field in AngularJS throwing type error?
body: <p>The error occurs when I display the populated, editable form to the user (not when a user enters in data and submits).  The data is coming from MySQL over REST/JSON in the service shown below:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input class="form-control" type="date" name="dateInput" id="dateOfBirth" 
                     ng-model="user.dateOfBirth"&gt;
  </code></pre>
  
  <p>CCONTROLLER:  </p>
  
  <pre><code>.controller('EditCtrl', function ($scope, $routeParams, UserDetail, $window) {
          $scope.user = UserDetail.find({}, {'id': $routeParams.id});
  }
  </code></pre>
  
  <p>SERVICE:</p>
  
  <pre><code>service.factory('UserDetail', function ($resource) {
  
      return $resource(
          'http://localhost:8080/ClearsoftDemoBackend/webresources/clearsoft.demo.users/:id',
          {id: '@id'},
      {
      find: {method: 'GET'},
  
      });
  });
  </code></pre>
  
  <p>ERROR:</p>
  
  <p>Error: [ngModel:datefmt] Expected <code>2010-05-13T00:00:00-04:00</code> to be a date</p>