The ngs-timezone-select component is a domain-specific form control for choosing an IANA time zone id such as Europe/Warsaw or America/New_York. Use it inside one ngs-form-field when a profile, tenant, calendar, report, or scheduling setting must store a time zone.
| Prop | Type | Default |
|---|---|---|
value The selected IANA time zone id | string | null | null |
placeholder The placeholder text for the closed select trigger | string | '' |
required Whether the select is required | boolean | false |
disabled Whether the select is disabled | boolean | false |
locale The locale used for timezone list formatting | string | inject(LOCALE_ID) |
aria-describedby The aria-describedby attribute for the select | string | '' |
| Event | Description |
|---|---|
| opened | Emitted when the select panel is opened |
| closed | Emitted when the select panel is closed |
Using this component in production?
NgStarter includes source code, admin dashboard templates, and commercial support.