The component ion-datetime doesn't open on iOS

I’m using the component ion-datetime, in a form of an Ionic4, in this way:

      <ion-label position="floating" color="primary">{{'Birth date' | translate}}</ion-label>
      <ion-input type="text" formControlName="birth_date">
        <ion-datetime max="{{maxDateForm}}" min="{{minDateForm}}" display-format="DD-MM-YYYY"></ion-datetime>
    <div class="validation-errors">
      <ng-container *ngFor="let validation of validation_messages.birth_date">
        <div class="error-message" *ngIf="registrationForm.get('birth_date').hasError(validation.type) &&
        (registrationForm.get('birth_date').dirty || registrationForm.get('birth_date').touched)">
          <ion-icon name="information-circle-outline"></ion-icon> {{ validation.message | translate}}

In debug mode with Chrome it works well, with Android it works, but on iOS when I click on the field the component to choose the date doesn’t open and I can’t choose the date.

Which could be the problem?

It seems a problem of layers and perhaps it opens but I can’t see it.
But I don’t know how to debug it.

thank you very much


The problem appears to be that it is nested within an input control. You can use it by itself.

1 Like

Yes, thank you, you’re right.
In this way works:

        <ion-datetime formControlName="birth_date" max="{{maxDateForm}}" min="{{minDateForm}}" display-format="DD-MM-YYYY"></ion-datetime>

without .

Thank you