title: Angular 2 Material datepicker - change format and language
body: <p>I tried to follow the official documentation in the Angular Material website:
  <a href="https://material.angular.io/components/datepicker/overview" rel="nofollow noreferrer">https://material.angular.io/components/datepicker/overview</a></p>
  
  <p>I want to change the language of the datepicker to Hebrew and change the format to dd/mm/yyyy.</p>
  
  <p>this is my component.html:</p>
  
  <pre><code>&lt;md-form-field class="full-width"&gt;
      &lt;input
          (click)="picker.open()"
          [min]="minDate"
          [max]="maxDate"
          mdInput
          readonly
          [mdDatepicker]="picker"
          formControlName="date"
          placeholder="Choose Date"&gt;
      &lt;md-datepicker-toggle mdSuffix [for]="picker"&gt;&lt;/md-datepicker-toggle&gt;
      &lt;md-datepicker touchUi="true" #picker&gt;&lt;/md-datepicker&gt;
  &lt;/md-form-field&gt;
  </code></pre>
  
  <p>I tried was able to change the language to Hebrew by set the following settings in the component.ts file:</p>
  
  <pre><code>constructor(
      dateAdapter: DateAdapter&lt;NativeDateAdapter&gt;,
      ...
   ) {
      dateAdapter.setLocale('he-HE');
   }
  </code></pre>
  
  <p>now the language changed ( the name of the months and etc.) and the format changed to d/m/yyyy</p>
  
  <p>the problem is that when the user choose for example 1.7.17 it means that he choose 1, September 2017 and if the user click on the datepicker again it shows him the calendar of January.</p>
  
  <p>thank you for your help</p>