fix(input-time-zone): translate region names (#9940)

**Related Issue:** #9018 ## Summary Adds missing region translations.
Esri · Aug 2, 2024 · f975adb · f975adb
1 parent c58a877
commit f975adb
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/...alcite-components/src/components/input-time-zone/assets/input-time-zone/t9n/messages.json b/...alcite-components/src/components/input-time-zone/assets/input-time-zone/t9n/messages.json
@@ -433,6 +433,16 @@
   "Pacific/Truk": "Truk",
   "Pacific/Wake": "Wake",
   "Pacific/Wallis": "Wallis",
+  "Africa": "Africa",
+  "America": "America",
+  "Antarctica": "Antarctica",
+  "Arctic": "Arctic",
+  "Asia": "Asia",
+  "Atlantic": "Atlantic",
+  "Australia": "Australia",
+  "Europe": "Europe",
+  "Indian": "Indian",
+  "Pacific": "Pacific",
   "AD": "Andorra",
   "AE": "United Arab Emirates",
   "AF": "Afghanistan",

diff --git a/...ite-components/src/components/input-time-zone/assets/input-time-zone/t9n/messages_en.json b/...ite-components/src/components/input-time-zone/assets/input-time-zone/t9n/messages_en.json
@@ -433,6 +433,16 @@
   "Pacific/Truk": "Truk",
   "Pacific/Wake": "Wake",
   "Pacific/Wallis": "Wallis",
+  "Africa": "Africa",
+  "America": "America",
+  "Antarctica": "Antarctica",
+  "Arctic": "Arctic",
+  "Asia": "Asia",
+  "Atlantic": "Atlantic",
+  "Australia": "Australia",
+  "Europe": "Europe",
+  "Indian": "Indian",
+  "Pacific": "Pacific",
   "AD": "Andorra",
   "AE": "United Arab Emirates",
   "AF": "Afghanistan",

diff --git a/packages/calcite-components/src/components/input-time-zone/input-time-zone.tsx b/packages/calcite-components/src/components/input-time-zone/input-time-zone.tsx
@@ -535,7 +535,7 @@ export class InputTimeZone
 
   private renderRegionItems(): VNode[] {
     return (this.timeZoneItems as TimeZoneItemGroup[]).flatMap(({ label, items }) => (
-      <calcite-combobox-item-group key={label} label={label}>
+      <calcite-combobox-item-group key={label} label={this.messages[label] || label}>
         {items.map((item) => {
           const selected = this.selectedTimeZoneItem === item;
           const { label, value } = item;