satDatepicker не получает значение NgModel после API Respose

Question

Я получаю значения startDate и endDate из API.Но когда я перехожу к моему HTML, я привязываю [(ngModel)], но он показывает мне только сегодняшнюю дату,

Когда я щелкаю правой кнопкой мыши по моему SatDatepicker, тогда он показывает правильные даты из API.

Проблема при загрузке дат предварительного заполнения страницы.

Компонент - .ts

public newPermitDates = { begin:new Date(), end:new Date()};

this.newPermitDates.begin =  new Date(this.permit.startDate);
this.newPermitDates.end =  new Date(this.permit.endDate);

Мой HTML

<mat-form-field>
    <input matInput placeholder="Select Start Date And 
    End Date" name="date"
    [satDatepicker]="picker"
    [(ngModel)]="newPermitDates">
    <sat-datepicker-toggle matSuffix [for]="picker">
    </sat-datepicker-toggle>
    <sat-datepicker 
    #picker 
    [rangeMode]="true" 
    [closeAfterSelection]="true">
    </sat-datepicker>
</mat-form-field>

Фактический результат Я хочу, чтобы все значения, которые я получаю из API, просто отображались в моем HTML, но теперь отображаются только даты за сегодня.