Ionic DateTime Timezone Picker

Ionic Framework ionic-v3
1

I have a date field where the user is able to pick the date and time:

<ion-item>
  <ion-label>Date</ion-label>
  <ion-datetime displayFormat="DD MMM YYYY" [(ngModel)]="time" (ngModelChange)="onChange($event)" name = "time"></ion-datetime>
</ion-item>

<ion-item>
  <ion-label>Time</ion-label>
  <ion-datetime displayFormat="HH:mm"  minuteValues="0,15,30,45" [(ngModel)]="time" (ngModelChange)="onChange($event)" name = "time"></ion-datetime>
</ion-item>

Similar to the above, I would like the user to be able to select the timezone by timezone offset (e.g. UTC+1:00).

How would I include timezone selection in a datetime picker? If this isn’t possible, I’m happy to have a separate dropdown which in turn updates the “time” variable in the typescript (potentially using moment?).

2

why do you want to select a timezone?

3

The purpose of the application is for the user to be able to create an event. The event time may not be in their current timezone, so I’d like them to be able to select this (similar to the option in Google Calendar):

43 AM
Screen Shot 2017-08-14 at 9.14.43 AM.png1132×484 23 KB

4

you can detect their timezone automatically

5

I don’t need to detect their current timezone, I want them to be able to select this (as it may be a different timezone to where they currently are).