title: Angular Material data table column sort by date range
body: <p>How to sort a date column based on the date range? Angular material data table. I am working a project now facing a problem on how to date column sort data based on the date range fromDate and toDate using with filterPredicate or any other option in mat-table.</p>
  
  <p>The date column will be shown in between date range. Please refer screenshot and look at the project in stackblitz <a href="https://stackblitz.com/edit/angular-pkkvbd-cdtxwz-date-range-filter?embed=1&amp;file=app/table-filtering-example.ts" rel="nofollow noreferrer">here</a>
  <a href="https://i.stack.imgur.com/Yyw5N.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Yyw5N.png" alt="enter image description here"></a></p>
  
  <p><a href="https://stackblitz.com/edit/angular-pkkvbd-cdtxwz-date-range-filter?embed=1&amp;file=app/table-filtering-example.ts" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-pkkvbd-cdtxwz-date-range-filter?embed=1&amp;file=app/table-filtering-example.ts</a></p>
  
  <p>If I selected <strong>1 Jan 2019</strong> to <strong>31 Dec 2020</strong> the data will be shown all the between date results</p>