New ion-datetime how to detect local and how to change date format?

Ionic Framework
1 
<ion-datetime [value]="eventResult.event.occurredDate" #input formControlName="occurredDate" size="cover" showDefaultButtons="true"
                                              (click)="setPrePickerValue('occurredDate')" locale="en-AU" presentation="date-time" (ionChange)="dateChanged('occurredDate', input.value)" [max]="getMaxYear()">
                                </ion-datetime>

How do I make the picker say 9:36am instead of 1:36am here? Also how do i format the displayed string so that it’s 02-Feb-2024 9:36 ?

image
image863×579 60.8 KB

image
image848×673 48.7 KB

2

Figured out the locale part but how do I make the picker detect my local timezone? It’s currently showing iso UTC format (1:36am).

3

See the documentation on Time Zones here - ion-datetime: Ionic API Input for Datetime Format Picker. Ionic does not auto adjust for time zone.