Date Picker event is not firing up onChange()

Im using Angular Material DatePicker.Everything works fine,but(change) event is not firing up when i change date using calender. Manualy input of date is working,i want to through error message when the user selects an invalid date range through calender popup(Manually entered invalid date validations are working fine)

<input type="hidden" [matDatepicker]="picker" [min]="minDate" [max]="maxDate" [(ngModel)]='value'>
    <input  matInput  #inputId name="{{id}}"   [ngModel]="value | date:'MM/dd/yyyy'"
       [formControl]="formControl" [formlyAttributes]="field"
      (change)="onChange($event)" (focusout)="onFocusOut($event)" />
    
      <mat-datepicker-toggle [for]="picker">
        <mat-icon  matDatepickerToggleIcon svgIcon="datepickertoggle" ></mat-icon>
      </mat-datepicker-toggle>
    
    <mat-datepicker disabled="{{to.disabled}}" (selectedChanged)="onChangeDate($event)" #picker></mat-datepicker>
  </div>
<mat-error id={{id}}>
    <formly-validation-message [field]="field"></formly-validation-message>
  </mat-error>