The component ion-datetime doesn't open on iOS

Ionic Framework ionic-v3
1

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

    <ion-item>
      <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>
      </ion-input>
    </ion-item>
    <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}}
        </div>
      </ng-container>
    </div>

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

Claudio

2

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

1 Like
3

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

cld