react-native-paper-dates 0.5.1 → 0.8.1

package/src/Time/AnalogClock.tsx

@@ -35,11 +35,7 @@ function AnalogClock({
   minutes: number
   focused: PossibleClockTypes
   is24Hour: boolean
-  onChange: ({
-    hours,
-    minutes,
-    focused,
-  }: {
+  onChange: (hoursMinutesAndFocused: {
     hours: number
     minutes: number
     focused?: undefined | PossibleClockTypes
@@ -74,11 +70,15 @@ function AnalogClock({
         let pickedHours = getHours(angle, previousHourType)
 
         let hours12AndPm = !hours24 && modeRef.current === 'PM'
+
         // Avoiding the "24h"
         // Should be 12h for 12 hours and PM mode
         if ((hours12AndPm || hours24) && pickedHours + 12 < 24) {
           pickedHours += 12
         }
+        if (modeRef.current === 'AM' && pickedHours === 12) {
+          pickedHours = 0
+        }
 
         if (pickedHours === 24) {
           pickedHours = 0

package/src/Time/AnalogClockMinutes.tsx

@@ -30,7 +30,10 @@ function AnalogClockMinutes({ minutes }: { minutes: number }) {
             ]}
           >
             <View style={styles.outerHourInner}>
-              <Text style={isCurrent ? { color } : null} selectable={false}>
+              <Text
+                style={isCurrent ? { color } : undefined}
+                selectable={false}
+              >
                 {isZero ? '00' : currentMinutes}
               </Text>
             </View>

package/src/Time/TimeInput.tsx

@@ -96,6 +96,9 @@ function TimeInput(
           rippleColor={Color(theme.colors.primary).fade(0.7).hex()}
           onPress={() => onPress(clockType)}
           borderless={true}
+          // RN types bug
+          hasTVPreferredFocus={undefined}
+          tvParallaxProperties={undefined}
         >
           <View />
         </TouchableRipple>

package/src/Time/TimeInputs.tsx

@@ -35,11 +35,7 @@ function TimeInputs({
   hours: number
   minutes: number
   onFocusInput: (type: PossibleClockTypes) => any
-  onChange: ({
-    hours,
-    minutes,
-    focused,
-  }: {
+  onChange: (hoursMinutesAndFocused: {
     hours: number
     minutes: number
     focused?: undefined | PossibleClockTypes

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,13 +43,14 @@ export function TimePickerModal({
 }: {
   locale?: undefined | string
   label?: string
+  uppercase?: boolean
   cancelLabel?: string
   confirmLabel?: string
   hours?: number | undefined
   minutes?: number | undefined
   visible: boolean | undefined
   onDismiss: () => any
-  onConfirm: ({ hours, minutes }: { hours: number; minutes: number }) => any
+  onConfirm: (hoursAndMinutes: { hours: number; minutes: number }) => any
   animationType?: 'slide' | 'fade' | 'none'
 }) {
   const theme = useTheme()
@@ -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,13 +157,19 @@ 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

@@ -9,3 +9,6 @@ export type { TranslationsType } from './translations/utils'
 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'

package/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

package/src/translations/enGB.ts

@@ -0,0 +1,20 @@
+import type { TranslationsType } from './utils'
+
+const enGB: TranslationsType = {
+  save: 'Save',
+  selectSingle: 'Select date',
+  selectMultiple: 'Select dates',
+  selectRange: 'Select period',
+  notAccordingToDateFormat: (inputFormat: string) =>
+    `Date format must be ${inputFormat}`,
+  mustBeHigherThan: 'Must be later then',
+  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

package/src/translations/nl.ts

@@ -11,5 +11,10 @@ const nl: TranslationsType = {
   mustBeLowerThan: 'Moet eerder dan',
   mustBeBetween: 'Moet tussen',
   dateIsDisabled: 'Deze dag mag niet',
+  previous: 'Vorige',
+  next: 'Volgende',
+  typeInDate: 'Typ datum',
+  pickDateFromCalendar: 'Kies datum van kalender',
+  close: 'Sluit',
 }
 export default nl

package/src/translations/pl.ts

@@ -0,0 +1,21 @@
+import type { TranslationsType } from './utils'
+
+const pl: TranslationsType = {
+  save: 'Zapisz',
+  selectSingle: 'Wybierz datę',
+  selectMultiple: 'Wybierz daty',
+  selectRange: 'Wybierz zakres',
+  notAccordingToDateFormat: (inputFormat: string) =>
+    `Data musi mieć format ${inputFormat}`,
+  mustBeHigherThan: 'Nie wcześniej niż',
+  mustBeLowerThan: 'Nie później niż',
+  mustBeBetween: 'Pomiędzy',
+  dateIsDisabled: 'Niedozwolona data',
+
+  previous: 'Poprzedni',
+  next: 'Dalej',
+  typeInDate: 'Wpisz datę',
+  pickDateFromCalendar: 'Wybierz datę z kalendarza',
+  close: 'Zamknij',
+}
+export default pl

package/src/translations/pt.ts

@@ -0,0 +1,20 @@
+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: 'Deve ser depois de',
+  mustBeLowerThan: 'Deve ser antes de',
+  mustBeBetween: 'Deve estar entre',
+  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

@@ -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> = {}