From bd379d29f3104449ceb9497f5372e5caf8d22343 Mon Sep 17 00:00:00 2001
From: Josh Justice <me@codingitwrong.com>
Date: Sat, 6 Nov 2021 08:24:23 -0400
Subject: [PATCH 1/3] feat: add a11y labels to buttons

---
 src/Date/CalendarHeader.tsx               | 2 ++
 src/Date/DatePickerModalContentHeader.tsx | 3 +++
 src/Date/DatePickerModalHeader.tsx        | 1 +
 3 files changed, 6 insertions(+)

diff --git a/src/Date/CalendarHeader.tsx b/src/Date/CalendarHeader.tsx
index 2cc4e174..4ab69db7 100644
--- a/src/Date/CalendarHeader.tsx
+++ b/src/Date/CalendarHeader.tsx
@@ -48,6 +48,7 @@ function CalendarHeader({
           >
             <IconButton
               icon="chevron-left"
+              accessibilityLabel="Previous"
               onPress={onPrev}
               // RN types bug
               hasTVPreferredFocus={undefined}
@@ -63,6 +64,7 @@ function CalendarHeader({
           >
             <IconButton
               icon="chevron-right"
+              accessibilityLabel="Next"
               onPress={onNext}
               // RN types bug
               hasTVPreferredFocus={undefined}
diff --git a/src/Date/DatePickerModalContentHeader.tsx b/src/Date/DatePickerModalContentHeader.tsx
index 3326208b..aeb528d1 100644
--- a/src/Date/DatePickerModalContentHeader.tsx
+++ b/src/Date/DatePickerModalContentHeader.tsx
@@ -79,6 +79,9 @@ export default function DatePickerModalContentHeader(
       {allowEditing ? (
         <IconButton
           icon={collapsed ? 'pencil' : 'calendar'}
+          accessibilityLabel={
+            collapsed ? 'Type in date' : 'Pick date from calendar'
+          }
           color={color}
           onPress={onToggle}
           // RN types bug
diff --git a/src/Date/DatePickerModalHeader.tsx b/src/Date/DatePickerModalHeader.tsx
index 33196136..aecf2e3d 100644
--- a/src/Date/DatePickerModalHeader.tsx
+++ b/src/Date/DatePickerModalHeader.tsx
@@ -31,6 +31,7 @@ export default function DatePickerModalHeader(
           <Appbar style={styles.appbarHeader}>
             <Appbar.Action
               icon="close"
+              accessibilityLabel="Close"
               onPress={props.onDismiss}
               color={color}
               testID="react-native-paper-dates-close"

From 69003dd0a9e2d0b7138a34eeeb9ca8a1ed0ad65e Mon Sep 17 00:00:00 2001
From: Josh Justice <me@codingitwrong.com>
Date: Sat, 6 Nov 2021 08:36:18 -0400
Subject: [PATCH 2/3] feat: make more buttons accessible

---
 src/Date/Day.tsx        | 1 +
 src/Date/Month.tsx      | 2 ++
 src/Date/YearPicker.tsx | 2 ++
 3 files changed, 5 insertions(+)

diff --git a/src/Date/Day.tsx b/src/Date/Day.tsx
index 54b863bf..5dba7596 100644
--- a/src/Date/Day.tsx
+++ b/src/Date/Day.tsx
@@ -73,6 +73,7 @@ function Day(props: {
           styles.button,
           { backgroundColor: inRange ? selectColor : undefined },
         ]}
+        accessibilityRole="button"
         // RN types bug
         hasTVPreferredFocus={undefined}
         tvParallaxProperties={undefined}
diff --git a/src/Date/Month.tsx b/src/Date/Month.tsx
index 8472c105..a465f4ca 100644
--- a/src/Date/Month.tsx
+++ b/src/Date/Month.tsx
@@ -260,6 +260,8 @@ function Month(props: MonthSingleProps | MonthRangeProps | MonthMultiProps) {
         <TouchableRipple
           disabled={!isHorizontal}
           onPress={isHorizontal ? () => onPressYear(year) : undefined}
+          accessibilityRole="button"
+          accessibilityLabel={`${monthName} ${year}`}
           style={[
             styles.yearButton,
             {
diff --git a/src/Date/YearPicker.tsx b/src/Date/YearPicker.tsx
index 55790b82..1f8cbe38 100644
--- a/src/Date/YearPicker.tsx
+++ b/src/Date/YearPicker.tsx
@@ -74,6 +74,8 @@ function YearPure({
     <View style={styles.year}>
       <TouchableRipple
         onPress={() => onPressYear(year)}
+        accessibilityRole="button"
+        accessibilityLabel={String(year)}
         style={styles.yearButton}
         // RN types bug
         hasTVPreferredFocus={undefined}

From 3e6cc669386938b8426450d5a98b68d27b8b0787 Mon Sep 17 00:00:00 2001
From: Josh Justice <me@codingitwrong.com>
Date: Wed, 10 Nov 2021 06:59:41 -0500
Subject: [PATCH 3/3] feat: internationalize new copy

---
 src/Date/CalendarHeader.tsx               | 5 +++--
 src/Date/DatePickerModalContentHeader.tsx | 4 +++-
 src/Date/DatePickerModalHeader.tsx        | 2 +-
 src/translations/en.ts                    | 5 +++++
 src/translations/enGB.ts                  | 5 +++++
 src/translations/utils.ts                 | 5 +++++
 6 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/Date/CalendarHeader.tsx b/src/Date/CalendarHeader.tsx
index 4ab69db7..f27fcbad 100644
--- a/src/Date/CalendarHeader.tsx
+++ b/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}
diff --git a/src/Date/DatePickerModalContentHeader.tsx b/src/Date/DatePickerModalContentHeader.tsx
index aeb528d1..d0c9e2d8 100644
--- a/src/Date/DatePickerModalContentHeader.tsx
+++ b/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}
diff --git a/src/Date/DatePickerModalHeader.tsx b/src/Date/DatePickerModalHeader.tsx
index aecf2e3d..0f5f8117 100644
--- a/src/Date/DatePickerModalHeader.tsx
+++ b/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"
diff --git a/src/translations/en.ts b/src/translations/en.ts
index 77f36d6b..50278a48 100644
--- a/src/translations/en.ts
+++ b/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
diff --git a/src/translations/enGB.ts b/src/translations/enGB.ts
index 9c65a159..90cb72d5 100644
--- a/src/translations/enGB.ts
+++ b/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
diff --git a/src/translations/utils.ts b/src/translations/utils.ts
index 2dc7b5d1..f4eaacdf 100644
--- a/src/translations/utils.ts
+++ b/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> = {}