react-native-paper-dates 0.7.0 → 0.8.3

package/src/Time/TimePickerModal.tsx

@@ -35,6 +35,7 @@ export function TimePickerModal({
   hours,
   minutes,
   label = 'Select time',
+  uppercase = true,
   cancelLabel = 'Cancel',
   confirmLabel = 'Ok',
   animationType = 'none',
@@ -42,6 +43,7 @@ export function TimePickerModal({
 }: {
   locale?: undefined | string
   label?: string
+  uppercase?: boolean
   cancelLabel?: string
   confirmLabel?: string
   hours?: number | undefined
@@ -134,7 +136,7 @@ export function TimePickerModal({
             >
               <View style={styles.labelContainer}>
                 <Text style={[styles.label, { color: theme.colors.text }]}>
-                  {label.toUpperCase()}
+                  {uppercase ? label.toUpperCase() : label}
                 </Text>
               </View>
               <View style={styles.timePickerContainer}>
@@ -155,16 +157,16 @@ export function TimePickerModal({
                   size={24}
                   style={styles.inputTypeToggle}
                   accessibilityLabel="toggle keyboard"
-                  // RN types bug
-                  hasTVPreferredFocus={undefined}
-                  tvParallaxProperties={undefined}
                 />
                 <View style={styles.fill} />
-                <Button onPress={onDismiss}>{cancelLabel}</Button>
+                <Button onPress={onDismiss} uppercase={uppercase}>
+                  {cancelLabel}
+                </Button>
                 <Button
                   onPress={() =>
                     onConfirm({ hours: localHours, minutes: localMinutes })
                   }
+                  uppercase={uppercase}
                 >
                   {confirmLabel}
                 </Button>

package/src/index.tsx

@@ -10,4 +10,6 @@ export { registerTranslation, getTranslation } from './translations/utils'
 export { default as nl } from './translations/nl'
 export { default as en } from './translations/en'
 export { default as pl } from './translations/pl'
+export { default as pt } from './translations/pt'
 export { default as enGB } from './translations/enGB'
+export { default as de } from './translations/de'

package/src/translations/de.ts

@@ -0,0 +1,20 @@
+import type { TranslationsType } from './utils'
+const de: TranslationsType = {
+  save: 'Speichern',
+  selectSingle: 'Wähle Datum',
+  selectMultiple: 'Wähle Daten',
+  selectRange: 'Wähle Zeitspanne',
+  notAccordingToDateFormat: (inputFormat) =>
+    `Das Format sollte ${inputFormat} sein`,
+  mustBeHigherThan: (date) => `Muss nach dem ${date} sein`,
+  mustBeLowerThan: (date) => `Muss vor dem ${date} sein`,
+  mustBeBetween: (startDate, endDate) =>
+    `Muss in dieser Zeitspanne liegen ${startDate} - ${endDate}`,
+  dateIsDisabled: 'Datum nicht wählbar',
+  previous: 'Vorheriges',
+  next: 'Nächstes',
+  typeInDate: 'Datum eingeben',
+  pickDateFromCalendar: 'Datum vom Kalender auswählen',
+  close: 'Schliessen',
+}
+export default de

package/src/translations/en.ts

@@ -5,11 +5,12 @@ const en: TranslationsType = {
   selectSingle: 'Select date',
   selectMultiple: 'Select dates',
   selectRange: 'Select period',
-  notAccordingToDateFormat: (inputFormat: string) =>
+  notAccordingToDateFormat: (inputFormat) =>
     `Date format must be ${inputFormat}`,
-  mustBeHigherThan: 'Must be later then',
-  mustBeLowerThan: 'Must be earlier then',
-  mustBeBetween: 'Must be between',
+  mustBeHigherThan: (date) => `Must be later then ${date}`,
+  mustBeLowerThan: (date) => `Must be earlier then ${date}`,
+  mustBeBetween: (startDate, endDate) =>
+    `Must be between ${startDate} - ${endDate}`,
   dateIsDisabled: 'Day is not allowed',
   previous: 'Previous',
   next: 'Next',

package/src/translations/enGB.ts

@@ -5,11 +5,12 @@ const enGB: TranslationsType = {
   selectSingle: 'Select date',
   selectMultiple: 'Select dates',
   selectRange: 'Select period',
-  notAccordingToDateFormat: (inputFormat: string) =>
+  notAccordingToDateFormat: (inputFormat) =>
     `Date format must be ${inputFormat}`,
-  mustBeHigherThan: 'Must be later then',
-  mustBeLowerThan: 'Must be earlier then',
-  mustBeBetween: 'Must be between',
+  mustBeHigherThan: (date) => `Must be later then ${date}`,
+  mustBeLowerThan: (date) => `Must be earlier then ${date}`,
+  mustBeBetween: (startDate, endDate) =>
+    `Must be between ${startDate} - ${endDate}`,
   dateIsDisabled: 'Day is not allowed',
   previous: 'Previous',
   next: 'Next',

package/src/translations/nl.ts

@@ -5,11 +5,12 @@ const nl: TranslationsType = {
   selectSingle: 'Selecteer datum',
   selectMultiple: 'Selecteer datums',
   selectRange: 'Selecteer periode',
-  notAccordingToDateFormat: (inputFormat: string) =>
+  notAccordingToDateFormat: (inputFormat) =>
     `Datumformaat moet ${inputFormat} zijn`,
-  mustBeHigherThan: 'Moet later dan',
-  mustBeLowerThan: 'Moet eerder dan',
-  mustBeBetween: 'Moet tussen',
+  mustBeHigherThan: (date) => `Moet later dan ${date}`,
+  mustBeLowerThan: (date) => `Moet eerder dan ${date}`,
+  mustBeBetween: (startDate, endDate) =>
+    `Moet tussen ${startDate} - ${endDate}`,
   dateIsDisabled: 'Deze dag mag niet',
   previous: 'Vorige',
   next: 'Volgende',

package/src/translations/pl.ts

@@ -5,11 +5,11 @@ const pl: TranslationsType = {
   selectSingle: 'Wybierz datę',
   selectMultiple: 'Wybierz daty',
   selectRange: 'Wybierz zakres',
-  notAccordingToDateFormat: (inputFormat: string) =>
+  notAccordingToDateFormat: (inputFormat) =>
     `Data musi mieć format ${inputFormat}`,
-  mustBeHigherThan: 'Nie wcześniej niż',
-  mustBeLowerThan: 'Nie później niż',
-  mustBeBetween: 'Pomiędzy',
+  mustBeHigherThan: (date) => `Nie wcześniej niżn ${date}`,
+  mustBeLowerThan: (date) => `Nie później niż ${date}`,
+  mustBeBetween: (startDate, endDate) => `Pomiędzy ${startDate} - ${endDate}`,
   dateIsDisabled: 'Niedozwolona data',
 
   previous: 'Poprzedni',

package/src/translations/pt.ts

@@ -0,0 +1,21 @@
+import type { TranslationsType } from './utils'
+
+const pt: TranslationsType = {
+  save: 'Salvar',
+  selectSingle: 'Selecione a data',
+  selectMultiple: 'Selecione as datas',
+  selectRange: 'Selecione o período',
+  notAccordingToDateFormat: (inputFormat: string) =>
+    `O formato da data deve ser ${inputFormat}`,
+  mustBeHigherThan: (date) => `Deve ser depois de ${date}`,
+  mustBeLowerThan: (date) => `Deve ser antes de ${date}`,
+  mustBeBetween: (startDate, endDate) =>
+    `Deve estar entre ${startDate} - ${endDate}`,
+  dateIsDisabled: 'Data não é permitida',
+  previous: 'Anterior',
+  next: 'Próximo',
+  typeInDate: 'Digite a data',
+  pickDateFromCalendar: 'Escolha a data do calendário',
+  close: 'Fechar',
+}
+export default pt

package/src/translations/utils.ts

@@ -4,9 +4,9 @@ export type TranslationsType = {
   selectRange: string
   save: string
   notAccordingToDateFormat: (inputFormat: string) => string
-  mustBeHigherThan: string
-  mustBeLowerThan: string
-  mustBeBetween: string
+  mustBeHigherThan: (date: string) => string
+  mustBeLowerThan: (date: string) => string
+  mustBeBetween: (startDate: string, endDate: string) => string
   dateIsDisabled: string
   previous: string
   next: string
@@ -17,9 +17,9 @@ export type TranslationsType = {
 
 let translationsPerLocale: Record<string, TranslationsType> = {}
 
-export function getTranslation(
+export function getTranslation<K extends keyof TranslationsType>(
   locale: string | undefined,
-  key: keyof TranslationsType,
+  key: K,
   fallback?: any
 ) {
   const l = locale || 'en'