how to disable weekend and how to start from monday in angular 7

[shafqatsiddiqui]

Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/fork/components-issue

Steps to reproduce:

1. https://stackblitz.com/angular/gxqrbdmbkkj

Expected Behavior

What behavior were you expecting to see?
I want to disable weekend and should start form monday

Actual Behavior

What behavior did you actually see?
bydefault it is starting from sunday

Environment

• Angular:
• CDK/Material:
• Browser(s):
• Operating System (e.g. Windows, macOS, Ubuntu):
  Angular 7
  <input matInput [min]="minDate" [matDatepicker]="picker"
  placeholder="{{'checkout.summary.placeholder' | translate}}" [(ngModel)]="data['returnDate']">
  <mat-datepicker-toggle matSuffix [for]="picker">
  <mat-datepicker #picker>

[manklu]

I want to disable weekend

Have a look at the datepicker examples
https://v7.material.angular.io/components/datepicker/examples
"Datepicker with filter validation"

and should start form monday

The start day is determined by the locale.

[Flashunt]

https://stackblitz.com/edit/angular-dateadapter-example-stackoverflow1-oarzsz?file=app/datepicker-overview-example.ts
You can simply add a CustomDateAdapter which one return the getFirstDayOfWeek(), and you can use a filter method which one can disable the weekend days.

[shafqatsiddiqui]

Thanks @Flashunt @manklu it works

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}