Ion datetime not displaying well on modal

I have an issue when the modals opens, not displays like in this example: https://ionicframework.com/docs/api/datetime the last one that opens the modal with the ion datetime.

    <ion-item id="open-modal">
        <ion-icon slot="start" name="calendar-outline" color="primary"></ion-icon>
        <ion-label>choose date</ion-label>
        <ion-text>
          20-6-6
        </ion-text>
      </ion-item>

  <ion-modal trigger="open-modal">
    <ng-template>
      <ion-content>
        <ion-datetime></ion-datetime>
      </ion-content>
    </ng-template>
  </ion-modal>

Info:

Ionic version

The issue itself

Ipad size