shows wrong date when set from component

[BespalkoSergey]

@kesarion when date comes from server and it set from component it set day before correct day
template:

   <div class="form-element position-relative">
            <label for="dateOfBirth">Дата рождения</label>
            <input type="text" id="dateOfBirth" class="birthday" name="DateOfBirth" readonly placeholder="ДД.ММ.ГГГГ"
              formControlName="dateOfBirth" (focus)="datePickerIsActive = true" (blur)="datePickerIsActive = false">

            <air-datepicker class="air-datepicker" [airOptions]="datePickerOption" [(airDate)]="datePickerDate"
              (airChange)="dateChanged($event)" [ngClass]="{'air-datepicker-active': datePickerIsActive}" tabindex="100"
              (focus)="datePickerIsActive = true" (blur)="datePickerIsActive = false">
            </air-datepicker>

  </div>

Component:

  datePickerOption: object;
  datePickerDate: Date;

ngOnInit(): void {
    const { day, month, year } = { day: 31, month: 8, year: 2020 };
    this.setOptiontsToDatePicker();
    this.datePickerDate = new Date(year, month - 1, day);
}

 private setOptiontsToDatePicker() {
    const minusFiftyYears = (date: Date): Date => new Date(date.getFullYear() - 50, date.getMonth(), date.getDate());
    const now = new Date(Date.now());
    const fiftyYearsBefore = minusFiftyYears(now);
    const hundredYearsBefore = minusFiftyYears(fiftyYearsBefore);

    this.datePickerOption = {
      language: 'ru',
      enabledDateRanges: [
        { start: fiftyYearsBefore, end: now },
        { start: hundredYearsBefore, end: fiftyYearsBefore }
      ]
    };
  }