chore: localization

cryostatio · Aug 26, 2024 · 98a7162 · 98a7162
1 parent 7fa76f1
commit 98a7162
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/locales/en/public.json b/locales/en/public.json
@@ -457,8 +457,8 @@
     }
   },
   "TimePicker": {
-    "24HOUR": "24-hour",
-    "USE_24HR_TIME": "Use 24-hour time"
+    "12_H": "12-Hour",
+    "24_H": "24-Hour"
   },
   "TimeSpinner": {
     "DECREMENT_HOUR12_VALUE": "Decrement hour12 value",

diff --git a/src/app/DateTimePicker/TimePicker.tsx b/src/app/DateTimePicker/TimePicker.tsx
@@ -76,9 +76,14 @@ export const TimePicker: React.FC<TimePickerProps> = ({
       <Panel className="datetime-picker">
         <PanelHeader>
           <ToggleGroup>
-            <ToggleGroupItem text="24-Hour" buttonId="24-hour-btn" isSelected={is24h} onChange={() => setIs24h(true)} />
             <ToggleGroupItem
-              text="12-Hour"
+              text={t('TimePicker.24_H')}
+              buttonId="24-hour-btn"
+              isSelected={is24h}
+              onChange={() => setIs24h(true)}
+            />
+            <ToggleGroupItem
+              text={t('TimePicker.12_H')}
               buttonId="12-hour-btn"
               isSelected={!is24h}
               onChange={() => setIs24h(false)}