title: angular material 2, change datepicker Date Format "MM/DD/YYYY" to "DD/MM/YYYY" strange behavior
body: <p>I just tried to change the angular material 2 date-picker default Date Format <strong>MM/DD/YYYY</strong> to <strong>DD/MM/YYYY</strong> or <strong>DD.MM.YYYY</strong> or at least <strong>DD-MM-YYYY</strong></p>
  
  <p>According to <a href="https://stackoverflow.com/questions/44452966/angular-2-material-2-datepicker-date-format">this question</a> and as mentioned in <a href="https://stackoverflow.com/questions/44452966/angular-2-material-2-datepicker-date-format">the documentation</a> </p>
  
  <blockquote>
    <p><code>providers: [{provide: MD_DATE_FORMATS, useValue: MY_NATIVE_DATE_FORMATS}]</code></p>
  </blockquote>
  
  <p>So tried following approaches</p>
  
  <p>Approach <a href="https://plnkr.co/edit/P0pcQYlT5gUHxnbBr5wM?p=preview" rel="noreferrer">1 plunkr</a> : to get in <strong>DD-MM-YYYY</strong> format</p>
  
  <p>Approach <a href="https://plnkr.co/edit/HnWQUFTkfUjhK8GbC6FR?p=preview" rel="noreferrer">2 plunkr</a> : to get in <strong>DD.MM.YYYY</strong> format </p>
  
  <p>Approach <a href="https://plnkr.co/edit/ftwG63cK3AtXdcigjrGM?p=preview" rel="noreferrer">3 plunkr</a> : to get in <strong>DD/MM/YYYY</strong> format </p>
  
  <p>but each of above approach working ordinary until I select a <strong>Date</strong> 1 to 12,</p>
  
  <p>for ex: Today date is <strong>25th September 2017</strong>, if I select <strong>12th September 2017</strong> as date, then once click datepicker button again I can see calender date, taken as 09th of November 2017(09/11/2017) not as (11/09/2017) , which is seems default date format not override correctly </p>