(selectedChanged) тип события не работает, в то время как я хочу установить http-вызов при выборе даты в окне выбора материала углового материала

Question

Сценарий, над которым я работаю, -> при выборе даты в mat datepicker. Я хочу сделать http-вызов, который выполняет несколько вычислений. Попытка сделать это с помощью (selectedChanged), но, похоже, не работает, нужна помощьо том, как я могу это исправить, заранее спасибо Ниже приведен HTML-код, где я пытаюсь это сделать

<div class="form-group m-form__group row">
                                        <div class="col-lg-4 m-form__group-sub">
                                            <mat-form-field class="example-full-width" appearance="outline">
                                                <mat-label>Policy Start Date</mat-label>
                                                <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="picker4"
                                                    placeholder="Choose a date" formControlName="policy_start_date" >
                                                <mat-datepicker-toggle matSuffix [for]="picker4" >
                                                </mat-datepicker-toggle>
                                                <mat-datepicker #picker4 (selectedChanged)="currentPeriodClicked($event)"></mat-datepicker>
                                            </mat-form-field>
                                        </div>