Merge pull request #358 from bytewareteam/master

Add translations for 'Hour' and 'Minute' in TimeInputs component

Author: RichardLindhout

src/Time/TimeInputs.tsx

@@ -18,6 +18,7 @@ import TimeInput from './TimeInput'
 import AmPmSwitcher from './AmPmSwitcher'
 import { useLatest } from '../utils'
 import Color from 'color'
+import { getTranslation } from '../translations/utils'
 
 function TimeInputs({
   hours,
@@ -28,6 +29,7 @@ function TimeInputs({
   onChange,
   is24Hour,
   inputFontSize,
+  locale,
 }: {
   inputType: PossibleInputTypes
   focused: PossibleClockTypes
@@ -41,6 +43,7 @@ function TimeInputs({
   }) => any
   is24Hour: boolean
   inputFontSize?: number
+  locale?: string
 }) {
   const startInput = React.useRef<TextInputNative | null>(null)
   const endInput = React.useRef<TextInputNative | null>(null)
@@ -113,7 +116,7 @@ function TimeInputs({
         />
         {inputType === 'keyboard' ? (
           <Text maxFontSizeMultiplier={1.5} variant="bodySmall">
-            Hour
+            {getTranslation(locale, 'hour', 'Hour')}
           </Text>
         ) : null}
       </View>
@@ -178,7 +181,7 @@ function TimeInputs({
         />
         {inputType === 'keyboard' ? (
           <Text maxFontSizeMultiplier={1.5} variant="bodySmall">
-            Minute
+            {getTranslation(locale, 'minute', 'Minute')}
           </Text>
         ) : null}
       </View>

src/Time/TimePicker.tsx

@@ -114,6 +114,7 @@ function TimePicker({
           onChange={onChange}
           onFocusInput={onFocusInput}
           focused={focused}
+          locale={locale}
         />
         {inputType === inputTypes.picker ? (
           <View style={styles.clockContainer}>

src/translations/ar.ts

@@ -17,5 +17,7 @@ const ar: TranslationsType = {
   typeInDate: 'اكتب التاريخ',
   pickDateFromCalendar: 'اختر التاريخ من التقويم',
   close: 'أغلق',
+  hour: 'ساعة',
+  minute: 'دقيقة',
 }
 export default ar

src/translations/ca.ts

@@ -17,5 +17,7 @@ const ca: TranslationsType = {
   typeInDate: 'Escriu la data',
   pickDateFromCalendar: 'Seleccionar la data del calendari',
   close: 'Tancar',
+  minute: 'Minut',
+  hour: 'Hora',
 }
 export default ca

src/translations/cs.ts

@@ -17,5 +17,7 @@ const cs: TranslationsType = {
   typeInDate: 'Zadejte datum',
   pickDateFromCalendar: 'Vyberte datum z kalendáře',
   close: 'Zavřít',
+  minute: 'minuta',
+  hour: 'hodina',
 }
 export default cs

src/translations/de.ts

@@ -17,5 +17,7 @@ const de: TranslationsType = {
   typeInDate: 'Datum eingeben',
   pickDateFromCalendar: 'Datum vom Kalender auswählen',
   close: 'Schliessen',
+  minute: 'Minute',
+  hour: 'Stunde',
 }
 export default de

src/translations/el.ts

@@ -17,5 +17,7 @@ const el: TranslationsType = {
   typeInDate: 'Πληκτρολογήστε την ημερομηνία',
   pickDateFromCalendar: 'Επιλέξτε ημερομηνία από το ημερολόγιο',
   close: 'Κλείσε',
+  minute: 'λεπτό',
+  hour: 'ώρα',
 }
 export default el

src/translations/en.ts

@@ -17,5 +17,7 @@ const en: TranslationsType = {
   typeInDate: 'Type in date',
   pickDateFromCalendar: 'Pick date from calendar',
   close: 'Close',
+  minute: 'Minute',
+  hour: 'Hour',
 }
 export default en

src/translations/enGB.ts

@@ -17,5 +17,7 @@ const enGB: TranslationsType = {
   typeInDate: 'Type in date',
   pickDateFromCalendar: 'Pick date from calendar',
   close: 'Close',
+  hour: 'Hour',
+  minute: 'Minute',
 }
 export default enGB

src/translations/es.ts

@@ -17,5 +17,7 @@ const es: TranslationsType = {
   typeInDate: 'Escribir fecha',
   pickDateFromCalendar: 'Seleccionar fecha del calendario',
   close: 'Cerrar',
+  hour: 'Hora',
+  minute: 'Minuto',
 }
 export default es