How do we set a datepicker default value to 1 year from today?

Issue

How do we set to an angular mat date picker where the default selected value is 1 year from today ?. Thanks.

When the date picket loads the default value should be 1 year from now.

#html code

<mat-form-field appearance="fill" class="full-width"  [ngClass]="{'date-field-error-underline': walgreensFields.formError.nextNoticeEndDate !== null}">
                <mat-label [ngClass]="{'c-error':walgreensFields.formError.nextNoticeEndDate !== null}">Expiration Date Range (End)</mat-label>
                  <input 
                  matInput 
                  hidden
                  (dateChange)="setNextNoticeEndDate($event)" 
                  [(ngModel)]="walgreensFields.nextNoticeEndDate"
                  [matDatepicker]="endDatePicker"
                  >
                <mat-datepicker-toggle matSuffix [for]="endDatePicker"></mat-datepicker-toggle>
                <mat-datepicker #endDatePicker></mat-datepicker>
                <div class="mat-form-field-subscript-wrapper date-field-custom-error" *ngIf="walgreensFields.formError.nextNoticeEndDate !== null">
                  <div class="mat-error">{{walgreensFields.formError.nextNoticeEndDate}}</div>                        
                </div>
             </mat-form-field>

Solution

You can set the default value of your walgreensFields.nextNoticeEndDate that is binded to the datepicker using [(ngModel)] to one year from today's date. To do this you could use Date#setFullYear to set the year to one more than current Date#getFullYear:

  exampleDate = new Date();

  ngOnInit(): void {
     walgreensFields.nextNoticeEndDate = this.exampleDate.setFullYear(this.exampleDate.getFullYear() + 1);
  }

Answered By - HassanMoin