title: Why is Angular date filter displaying wrong date?
body: <p>I'm using a date input field, and formatting the selected date in my ui with Angular.  But the formatted date is always 1 day less than the selected date.  Why is that, and how can I fix it?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div ng-app="miniapp"&gt;
      &lt;div&gt;
      &lt;label class="control-label" for="inputStart"&gt;Start Date:&lt;/label&gt;
          &lt;input type="date" id="inputStart" data-ng-model="startDate" /&gt;&lt;br /&gt;
          Selected: &lt;span&gt;{{ startDate }}&lt;/span&gt;&lt;br /&gt;
          fullDate: &lt;span&gt;{{ startDate | date:'fullDate' }}&lt;/span&gt;&lt;br /&gt;
          mediumDate: &lt;span&gt;{{ startDate | date:'mediumDate' }}&lt;/span&gt;&lt;br /&gt;
          MMMM d yyyy&lt;span&gt;{{ startDate | date:'MMMM d yyyy' }}&lt;/span&gt;
      &lt;/div&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var app = angular.module('miniapp', []);
  </code></pre>
  
  <p>I have a fiddle that demonstrates the issue: <a href="http://jsfiddle.net/wittersworld/uY3s9/" rel="noreferrer">http://jsfiddle.net/wittersworld/uY3s9/</a></p>
  
  <p><b>EDIT:</b> I updated the fiddle with a working solution: <a href="http://jsfiddle.net/wittersworld/uY3s9/2/" rel="noreferrer">http://jsfiddle.net/wittersworld/uY3s9/2/</a></p>