title: How Do I use Angular Date Pipe in material date picker?
body: <p>I am new to Angular, and I want to format my input value for my date picker, but I cannot figure out how. I want to do something like this:</p>
  <pre><code>    &lt;mat-date-range-input [rangePicker]=&quot;picker&quot;&gt;
      &lt;input
        class=&quot;hide&quot;
        matStartDate
        [value]=&quot;startDate | date: 'shortDate': '' &quot;
        #dateRangeStart
        placeholder=&quot;Start date&quot;
      /&gt;
      &lt;input
        class=&quot;hide&quot;
        matEndDate
        [value]=&quot;endDate | date: 'shortDate': '' &quot;
        placeholder=&quot;End date&quot;
        [max]=&quot;today&quot;
        #dateRangeEnd
        (dateChange)=&quot;dateRangeChange(dateRangeStart, dateRangeEnd)&quot;
      /&gt;
      /&gt;
  </code></pre>