title: angular2 Material 2 Datepicker - Output Date Formats
body: <p>I'm using <a href="https://material.angular.io/components/component/datepicker" rel="noreferrer">https://material.angular.io/components/component/datepicker</a> in my angular4 project. How can I format selected date in input box with short format like "May 29, 2017". Currently it is displayed as 29/05/2017</p>
  
  <p>Sample code:</p>
  
  <pre><code>&lt;md-input-container&gt;
    &lt;input mdInput readonly="true" [mdDatepicker]="startDatePicker" [mdDatepickerFilter]="myFilter" [min]="minDate" [max]="maxDate" class="date-text ng-dirty ng-valid-parse ng-touched ng-not-empty ng-valid ng-valid-required" placeholder="Choose a date"&gt;
    &lt;button mdSuffix [mdDatepickerToggle]="startDatePicker" class="date-icon"&gt;&lt;/button&gt;
  &lt;/md-input-container&gt;
  
  &lt;md-datepicker #startDatePicker [dateFormat]="'LL'" startView="month" [startAt]="currentDate"&gt;&lt;/md-datepicker&gt;
  </code></pre>
  
  <p>TS:</p>
  
  <pre><code>@ViewChild('startDatePicker') startDatePicker: MdDatepicker&lt;Date&gt;;
  </code></pre>
  
  <p>PS. [dateFormat]="'LL'" is not working</p>