Demo dropdown is empty in India

[chrgsoni07]

I get the below error in console and the dropdown is empty

Asia/Calcutta
main.b3024e6c930273b7d557.bundle.js:1 ERROR TypeError: Cannot read property 'iso' of undefined
    at e.triggerChangeEvent (main.b3024e6c930273b7d557.bundle.js:1)
    at e.set [as timezone] (main.b3024e6c930273b7d557.bundle.js:1)
    at Li (main.b3024e6c930273b7d557.bundle.js:1)
    at main.b3024e6c930273b7d557.bundle.js:1
    at main.b3024e6c930273b7d557.bundle.js:1
    at Ki (main.b3024e6c930273b7d557.bundle.js:1)
    at La (main.b3024e6c930273b7d557.bundle.js:1)
    at Object.updateDirectives (main.b3024e6c930273b7d557.bundle.js:1)
    at Object.updateDirectives (main.b3024e6c930273b7d557.bundle.js:1)
    at $i (main.b3024e6c930273b7d557.bundle.js:1)```

[djorg83]

Here is a workaround for the India problem. It sort of defeats the purpose of [guess]="true", but it works.

component.ts

import * as moment from "moment-timezone";

// flag to keep the timezone widget from rendering until we have initialized the event timezone.
initializedTimezone: boolean = false;

ngOnInit() {
  this.initTimezonePicker();
}

private initTimezonePicker() {
    const timezone: string = moment.tz.guess();
    if (timezone === 'Asia/Calcutta') {
      this.event.timezone = 'Asia/Kolkata';
    } else {
      this.event.timezone = timezone;
    }
    this.initializedTimezone = true;
  }

component.html

<!-- Timezone -->
<div *ngIf="initializedTimezone">
  <label>Time Zone</label>
  <ng2-timezone-picker
    [(timezone)]="event.timezone"
    [showOffset]="true"
    [guess]="true"
  ></ng2-timezone-picker>
</div>