title: AngularJs input[type=date] not showing value on load
body: <p>I'm hoping you can help as I'm fairly new to AngularJs.
  I have created an edit form template that displays 3 fields; a name, a start date and an end date. The data is coming from a WebAPI controller written in C# with an entity framework data source.</p>
  
  <p>When the form loads the input for the start data and for the end date are blank.</p>
  
  <p>All of this is part of an extension to the Umbraco7 back end.</p>
  
  <p>How can I get my date inputs to populate and keep the data binding to my model?</p>
  
  <p>This is my form:
      
          
              
                  
                      </p>
  
  <pre><code>            &lt;/div&gt;
              &lt;div class="span5"&gt;
                  &lt;div class="btn-toolbar pull-right umb-btn-toolbar"&gt;
                      &lt;umb-options-menu ng-show="currentNode"
                                        current-node="currentNode"
                                        current-section="{{currentSection}}"&gt;
                      &lt;/umb-options-menu&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/umb-header&gt;
          &lt;div class="umb-panel-body umb-scrollable row-fluid"&gt;
              &lt;div class="tab-content form-horizontal" style="padding-bottom: 90px"&gt;
                  &lt;div class="umb-pane"&gt;
                      &lt;umb-control-group label="Start Date" description="The date the event starts"&gt;    
                          &lt;input type="text" class="umb-editor umb-textstring" ng-model="event.StartDate" required/&gt;
                      &lt;/umb-control-group&gt;
                      &lt;umb-control-group label="End date" description="The date the event finishes"&gt;
                          &lt;input type="date" class="umb-editor umb-textstring" ng-model="event.EndDate" required/&gt;
                      &lt;/umb-control-group&gt;
                      &lt;div class="umb-tab-buttons" detect-fold&gt;
                          &lt;div class="btn-group"&gt;
                              &lt;button type="submit" data-hotkey="ctrl+s" class="btn btn-success"&gt;
                                  &lt;localize key="buttons_save"&gt;Save&lt;/localize&gt;
                              &lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/umb-panel&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I've checked that when the event comes in that all the fields are populated by examining the console, I've also tried just having the input as text and the values show.</p>
  
  <p>In the code above I've left the start date as a text input which is populating, but the end date isn't</p>
  
  <p>Yet if I set them and click save the model in the background updates.</p>
  
  <p>Any help would be appreciated.</p>