Ion-datetime displayFormat ignored in ion-modal

@kdefombelle wrote:

I tested ion-datetime with several formats to display the time, it works fine in a normal page but in a ion-modal it always displays the default format (same as if displayFormat attribute is omitted)

in a page: OK

Screenshot 2020-04-05 at 9.55.44 PM552×630 14.9 KB

in a modal: NOK
The expected format is HH:mm but is not taken into account

Screenshot 2020-04-05 at 10.06.19 PM550×654 26.3 KB

Below the code snippet in the modal (same outcome with/without minuteValues attribute)

<ion-row>
    <ion-col>
        <ion-datetime displayFormat="HH:mm" minuteValues="0,15,30,45"
          placeholder="Select Time">
        </ion-datetime>
    </ion-col>
</ion-row>

The modal is started as follows:

async presentModal() {
    const modal = await this.modalController.create({
      component: ModalPage,
      swipeToClose: true
    });
    return await modal.present();
}

Posts: 1

Participants: 1

Read full topic