CODEWITHSUNDEEP
angulardatepickerangular-materialdatefilterangular-daterangepicker
Ahmad ElBatanouni
Ahmad ElBatanouni

Reputation: 63

Can't use Angular Material date range date filter

I'm trying to use the new date range picker from Angular Material and I need to filter out some certain days (min and max won't be helpful for me here). I used before "matDatepickerFilter" with the normal date picker but I can't find the same thing for the date range picker so I tried instead using "dateFilter".

The problem is that after applying the function I can't select any dates at all.

Here's a code sample of what I mean (stackblitz)

Upvotes: 4

Views: 6892

Answers (1)

zerocewl
zerocewl

Reputation: 12804

Adapting the dateFilter definition for mat-date-range-input in the template should fix your issue.

<mat-date-range-input [rangePicker]="picker"  [dateFilter]="rangeFilter">

Here is a working version of your Stackblitz.

Upvotes: 8

Related Questions