Internationalization: Translate TimeZonePicker component (#58461)

packages/grafana-ui/src/components/DateTimePickers/TimeZonePicker.tsx

@@ -11,6 +11,7 @@ import {
   InternalTimeZones,
 } from '@grafana/data';
 
+import { t } from '../../utils/i18n';
 import { Select } from '../Select/Select';
 
 import { TimeZoneGroup } from './TimeZonePicker/TimeZoneGroup';
@@ -58,7 +59,7 @@ export const TimeZonePicker = (props: Props) => {
     <Select
       inputId={inputId}
       value={selected}
-      placeholder="Type to search (country, city, abbreviation)"
+      placeholder={t('time-picker.zone.select-search-input', 'Type to search (country, city, abbreviation)')}
       autoFocus={autoFocus}
       menuShouldPortal={false}
       openMenuOnFocus={true}
@@ -69,7 +70,7 @@ export const TimeZonePicker = (props: Props) => {
       onBlur={onBlur}
       components={{ Option: TimeZoneOption, Group: TimeZoneGroup }}
       disabled={disabled}
-      aria-label={'Time zone picker'}
+      aria-label={t('time-picker.zone.select-aria-label', 'Time zone picker')}
     />
   );
 };

public/locales/de-DE/grafana.json

@@ -441,6 +441,10 @@
       "default-title": "",
       "example-title": "",
       "specify": ""
+    },
+    "zone": {
+      "select-aria-label": "",
+      "select-search-input": ""
     }
   },
   "user-orgs": {

public/locales/en-US/grafana.json

@@ -441,6 +441,10 @@
       "default-title": "Time ranges",
       "example-title": "Example time ranges",
       "specify": "Specify time range <1></1>"
+    },
+    "zone": {
+      "select-aria-label": "Time zone picker",
+      "select-search-input": "Type to search (country, city, abbreviation)"
     }
   },
   "user-orgs": {

public/locales/es-ES/grafana.json

@@ -441,6 +441,10 @@
       "default-title": "",
       "example-title": "",
       "specify": ""
+    },
+    "zone": {
+      "select-aria-label": "",
+      "select-search-input": ""
     }
   },
   "user-orgs": {

public/locales/fr-FR/grafana.json

@@ -441,6 +441,10 @@
       "default-title": "",
       "example-title": "",
       "specify": ""
+    },
+    "zone": {
+      "select-aria-label": "",
+      "select-search-input": ""
     }
   },
   "user-orgs": {

public/locales/pseudo-LOCALE/grafana.json

@@ -441,6 +441,10 @@
       "default-title": "Ŧįmę řäʼnģęş",
       "example-title": "Ēχämpľę ŧįmę řäʼnģęş",
       "specify": "Ŝpęčįƒy ŧįmę řäʼnģę <1></1>"
+    },
+    "zone": {
+      "select-aria-label": "Ŧįmę žőʼnę pįčĸęř",
+      "select-search-input": "Ŧypę ŧő şęäřčĥ (čőūʼnŧřy, čįŧy, äþþřęvįäŧįőʼn)"
     }
   },
   "user-orgs": {

public/locales/zh-Hans/grafana.json

@@ -441,6 +441,10 @@
       "default-title": "",
       "example-title": "",
       "specify": ""
+    },
+    "zone": {
+      "select-aria-label": "",
+      "select-search-input": ""
     }
   },
   "user-orgs": {