MDB 4 has option close datapicker when day is selected. I am trying to replicate it in MDB5.

Expected: event dateChanged fires immediately when the new date is selected.

Actual: event fires only when Ok button is clicked.

<mdb-form-control>
                                    <input
                                      mdbInput
                                      [mdbDatepicker]="dueDateSelect"
                                      type="text"
                                      class="form-control"
                                      id="iDueDate"
                                      formControlName="endDate"
                                      [ngClass]="{'form-invalid':pageService.isSubmitted && taskForm.errors?.['missingDueDate']}"
                                    />
                                    <label mdbLabel for="iDueDate" class="form-label">Due Date</label>
                                    <mdb-error *ngIf="isSubmitted && taskForm.errors?.['missingDueDate']">Please enter
                                        due date</mdb-error>
                                    <mdb-datepicker-toggle [mdbDatepicker]="dueDateSelect"></mdb-datepicker-toggle>
                                    <mdb-datepicker #dueDateSelect (dateChanged)="closeDatePicker()"    [format]="'mm/dd/yyyy'"></mdb-datepicker>
                                  </mdb-form-control>

TS:

 @ViewChild('dueDateSelect', { static: true }) dpDueDate!: MdbDatepickerComponent;
closeDatePicker(): void {
console.log('date was changed');
this.dpDueDate.close();

}