feat: internationalize new copy

Author: CodingItWrong

src/Date/CalendarHeader.tsx

@@ -3,6 +3,7 @@ import { StyleSheet, View } from 'react-native'
 import { IconButton, useTheme } from 'react-native-paper'
 import DayNames, { dayNamesHeight } from './DayNames'
 import type { DisableWeekDaysType } from './dateUtils'
+import { getTranslation } from '../translations/utils'
 
 const buttonContainerHeight = 56
 const buttonContainerMarginTop = 4
@@ -48,7 +49,7 @@ function CalendarHeader({
           >
             <IconButton
               icon="chevron-left"
-              accessibilityLabel="Previous"
+              accessibilityLabel={getTranslation(locale, 'previous')}
               onPress={onPrev}
               // RN types bug
               hasTVPreferredFocus={undefined}
@@ -64,7 +65,7 @@ function CalendarHeader({
           >
             <IconButton
               icon="chevron-right"
-              accessibilityLabel="Next"
+              accessibilityLabel={getTranslation(locale, 'next')}
               onPress={onNext}
               // RN types bug
               hasTVPreferredFocus={undefined}

src/Date/DatePickerModalContentHeader.tsx

@@ -80,7 +80,9 @@ export default function DatePickerModalContentHeader(
         <IconButton
           icon={collapsed ? 'pencil' : 'calendar'}
           accessibilityLabel={
-            collapsed ? 'Type in date' : 'Pick date from calendar'
+            collapsed
+              ? getTranslation(props.locale, 'typeInDate')
+              : getTranslation(props.locale, 'pickDateFromCalendar')
           }
           color={color}
           onPress={onToggle}

src/Date/DatePickerModalHeader.tsx

@@ -31,7 +31,7 @@ export default function DatePickerModalHeader(
           <Appbar style={styles.appbarHeader}>
             <Appbar.Action
               icon="close"
-              accessibilityLabel="Close"
+              accessibilityLabel={getTranslation(locale, 'close')}
               onPress={props.onDismiss}
               color={color}
               testID="react-native-paper-dates-close"

src/translations/en.ts

@@ -11,5 +11,10 @@ const en: TranslationsType = {
   mustBeLowerThan: 'Must be earlier then',
   mustBeBetween: 'Must be between',
   dateIsDisabled: 'Day is not allowed',
+  previous: 'Previous',
+  next: 'Next',
+  typeInDate: 'Type in date',
+  pickDateFromCalendar: 'Pick date from calendar',
+  close: 'Close',
 }
 export default en

src/translations/enGB.ts

@@ -11,5 +11,10 @@ const enGB: TranslationsType = {
   mustBeLowerThan: 'Must be earlier then',
   mustBeBetween: 'Must be between',
   dateIsDisabled: 'Day is not allowed',
+  previous: 'Previous',
+  next: 'Next',
+  typeInDate: 'Type in date',
+  pickDateFromCalendar: 'Pick date from calendar',
+  close: 'Close',
 }
 export default enGB

src/translations/utils.ts

@@ -8,6 +8,11 @@ export type TranslationsType = {
   mustBeLowerThan: string
   mustBeBetween: string
   dateIsDisabled: string
+  previous: string
+  next: string
+  typeInDate: string
+  pickDateFromCalendar: string
+  close: string
 }
 
 let translationsPerLocale: Record<string, TranslationsType> = {}