How to Hide Dial pad or key board in ion-datetime (ionic capacitor)

Question

I am using ionic7 (ionic capacitor) As per my client's requirement I would like to hide the dial-pad/keyboard when the user clicks on the time (preferWheel).

  <ion-modal [keepContentsMounted]="true">
    <ng-template>
      <ion-datetime 
        id="date"
        min="{{minDate}}"
        max="{{maxDate}}"
        [(ngModel)]="formData._start"
        [ngModelOptions]="{standalone: true}" 
        (ionChange)="onStartDateChange($event)"
        [showDefaultButtons]="true"
        (ionCancel)="onStartDateCancel($event)"
        (click)="hidekeyboard()"
        #date
        presentation="date">
      </ion-datetime>
    </ng-template>
  </ion-modal>