In v6 beta, what should I use for a time picker instead of Ionic Datetime?

Ionic Framework Ionic React
1

In v5, I’ve been using Ionic Datetime to let users select a time: just the hour and minutes (0, 15, 30, or 45).

The code looks like this:

    <IonDatetime
      {...register('field_reminder', { required: true })}
      displayFormat="H:mm"
      minuteValues="0,15,30,45"
      id="edit-reminder"
    />

However, the new datetime picker removes the displayFormat option and shows a calendar. This doesn’t work for my case because I only wanted to let users pick the time (hours + minutes).

So what should I use for a time select (wheel picker with hours and minutes on separate wheels) in v6?

2

you can use presentation: 'time': ion-datetime | Ionic Documentation

1 Like