title: How to change the date format of Angular material date range picker?
body: <p>How to change the date format to a custom one in Angular materials date range picker?</p>
  <p>E.g. for a another date format: DD/MM/YYYY</p>
  <p>Basic date range picker:</p>
  <pre class="lang-js prettyprint-override"><code>    &lt;mat-form-field appearance=&quot;fill&quot;&gt;
        &lt;mat-label&gt;Enter a date range&lt;/mat-label&gt;
        &lt;mat-date-range-input [rangePicker]=&quot;picker&quot;&gt;
          &lt;input matStartDate placeholder=&quot;Start date&quot;&gt;
          &lt;input matEndDate placeholder=&quot;End date&quot;&gt;
        &lt;/mat-date-range-input&gt;
        &lt;mat-datepicker-toggle matSuffix [for]=&quot;picker&quot;&gt;&lt;/mat-datepicker-toggle&gt;
        &lt;mat-date-range-picker #picker&gt;&lt;/mat-date-range-picker&gt;
      &lt;/mat-form-field&gt;
  </code></pre>
  <p>Basic date range picker as <a href="https://stackblitz.com/angular/nlnayrdmbgn?file=src%2Fapp%2Fdate-range-picker-overview-example.ts" rel="nofollow noreferrer">Stackblitz</a>.</p>