Open ion-datetime in local timezone

Question

I've got an Ionic app that dynamically creates a form that sometimes has an ion-datetime in it. The date time is also optional on the form, so it is not have an initial value set by me.

<ion-datetime *ngIf="question_definition.component == 'date'"
     displayFormat="DD MMM, YYYY HH:mm"
     pickerFormat="DD MMM YYYY HH:mm"
     [formControlName]="question_definition.question">
</ion-datetime>

Currently when a user taps on the element the data picker appears and is set to the time using UTC. I'm in New Zealand and want it to use +12:00 time (at the moment, until daylight saving starts).

How do I get an ion-datetime without a value to open up and display the time in my local timezone?

Answer 1

After digging alot... Found answer.

ion-datetime apparently has an undocumented attribute called initialValue. So, if you want to get a different timezone, you can do this

.html

<ion-datetime [initialValue]="myInitialTime" pickerFormat="HH:mm" [(ngModel)]="myTime"></ion-datetime>

.ts

this.myInitialTime = localDate