react-native-paper-dates 0.16.1 → 0.17.0

package/src/Date/DatePickerModalContentHeader.tsx

@@ -80,6 +80,7 @@ export default function DatePickerModalContentHeader(
     <View style={styles.header}>
       <View>
         <Text
+          maxFontSizeMultiplier={1.5}
           style={[styles.label, { color: supportingTextColor, ...textFont }]}
         >
           {uppercase ? label.toUpperCase() : label}
@@ -147,7 +148,10 @@ export function HeaderContentSingle({
   }, [locale])
 
   return (
-    <Text style={[styles.singleHeaderText, { color: dateColor }]}>
+    <Text
+      maxFontSizeMultiplier={1.5}
+      style={[styles.singleHeaderText, { color: dateColor }]}
+    >
       {state.date ? formatter.format(state.date) : emptyLabel}
     </Text>
   )
@@ -187,7 +191,12 @@ export function HeaderContentMulti({
   }
 
   return (
-    <Text style={[styles.singleHeaderText, { color: dateColor }]}>{label}</Text>
+    <Text
+      maxFontSizeMultiplier={1.5}
+      style={[styles.singleHeaderText, { color: dateColor }]}
+    >
+      {label}
+    </Text>
   )
 }
 
@@ -221,11 +230,22 @@ export function HeaderContentRange({
 
   return (
     <>
-      <Text style={[styles.rangeHeaderText, { color: startColor }]}>
+      <Text
+        maxFontSizeMultiplier={1.5}
+        style={[styles.rangeHeaderText, { color: startColor }]}
+      >
         {state.startDate ? formatter.format(state.startDate) : startLabel}
       </Text>
-      <Text style={[styles.headerSeparator, { color }]}>{headerSeparator}</Text>
-      <Text style={[styles.rangeHeaderText, { color: endColor }]}>
+      <Text
+        maxFontSizeMultiplier={1.5}
+        style={[styles.headerSeparator, { color }]}
+      >
+        {headerSeparator}
+      </Text>
+      <Text
+        maxFontSizeMultiplier={1.5}
+        style={[styles.rangeHeaderText, { color: endColor }]}
+      >
         {state.endDate ? formatter.format(state.endDate) : endLabel}
       </Text>
     </>

package/src/Date/Day.tsx

@@ -97,6 +97,7 @@ function Day(props: {
           ]}
         >
           <Text
+            maxFontSizeMultiplier={1.5}
             style={[
               textColor
                 ? {

package/src/Date/DayName.tsx

@@ -12,6 +12,7 @@ function DayName({ label }: { label: string }) {
   return (
     <View style={styles.dayName}>
       <Text
+        maxFontSizeMultiplier={1.5}
         style={[
           styles.dayNameLabel,
           { ...textFont, color: theme.colors.onSurface },

package/src/Date/Month.tsx

@@ -288,6 +288,7 @@ function Month(props: MonthSingleProps | MonthRangeProps | MonthMultiProps) {
             ]}
           >
             <Text
+              maxFontSizeMultiplier={1.5}
               style={[
                 styles.monthLabel,
                 {

package/src/Date/YearPicker.tsx

@@ -97,6 +97,7 @@ function YearPure({
           ]}
         >
           <Text
+            maxFontSizeMultiplier={1.5}
             style={[
               styles.yearLabel,
               selected

package/src/Time/AmPmSwitcher.tsx

@@ -104,6 +104,7 @@ function SwitchButton({
     >
       <View style={[styles.switchButtonInner, { backgroundColor }]}>
         <Text
+          maxFontSizeMultiplier={1.5}
           selectable={false}
           style={[
             {

package/src/Time/AnalogClockHours.tsx

@@ -32,6 +32,7 @@ function AnalogClockHours({
           <View style={styles.outerHourInner}>
             {/* Display 00 instead of 12 for AM hours */}
             <Text
+              maxFontSizeMultiplier={1.5}
               style={
                 (!is24Hour && i + 1 === hours) ||
                 (hours === i + 1 && hours !== 12) ||
@@ -62,6 +63,7 @@ function AnalogClockHours({
             >
               <View style={styles.innerHourInner}>
                 <Text
+                  maxFontSizeMultiplier={1.5}
                   selectable={false}
                   style={[
                     i + 13 === hours || (i + 13 === 24 && hours === 12)

package/src/Time/AnalogClockMinutes.tsx

@@ -31,6 +31,7 @@ function AnalogClockMinutes({ minutes }: { minutes: number }) {
           >
             <View style={styles.outerHourInner}>
               <Text
+                maxFontSizeMultiplier={1.5}
                 style={isCurrent ? { color } : undefined}
                 selectable={false}
                 variant="bodyLarge"

package/src/Time/TimeInput.tsx

@@ -90,6 +90,7 @@ function TimeInput(
             height: inputType === inputTypes.keyboard ? 72 : 80,
           },
         ]}
+        maxFontSizeMultiplier={1.5}
         value={formattedValue}
         maxLength={2}
         onFocus={() => setInputFocused(true)}

package/src/Time/TimeInputs.tsx

@@ -87,6 +87,7 @@ function TimeInputs({
           pressed={focused === clockTypes.hours}
           onPress={onFocusInput}
           inputType={inputType}
+          maxFontSizeMultiplier={1.2}
           selectionColor={
             theme.dark
               ? Color(theme.colors.primary).darken(0.2).hex()
@@ -111,7 +112,9 @@ function TimeInputs({
           }}
         />
         {inputType === 'keyboard' ? (
-          <Text variant="bodySmall">Hour</Text>
+          <Text maxFontSizeMultiplier={1.5} variant="bodySmall">
+            Hour
+          </Text>
         ) : null}
       </View>
       <View
@@ -155,6 +158,7 @@ function TimeInputs({
           pressed={focused === clockTypes.minutes}
           onPress={onFocusInput}
           inputType={inputType}
+          maxFontSizeMultiplier={1.2}
           selectionColor={
             theme.dark
               ? Color(theme.colors.primary).darken(0.2).hex()
@@ -173,7 +177,9 @@ function TimeInputs({
           }}
         />
         {inputType === 'keyboard' ? (
-          <Text variant="bodySmall">Minute</Text>
+          <Text maxFontSizeMultiplier={1.5} variant="bodySmall">
+            Minute
+          </Text>
         ) : null}
       </View>
       {!is24Hour && (

package/src/Time/TimePickerModal.tsx

@@ -175,6 +175,7 @@ export function TimePickerModal({
             >
               <View style={styles.labelContainer}>
                 <Text
+                  maxFontSizeMultiplier={1.5}
                   style={[
                     styles.label,
                     {

package/src/index.tsx

@@ -15,6 +15,7 @@ export { default as enGB } from './translations/enGB'
 export { default as es } from './translations/es'
 export { default as fr } from './translations/fr'
 export { default as he } from './translations/he'
+export { default as hi } from './translations/hi'
 export { default as it } from './translations/it'
 export { default as ko } from './translations/ko'
 export { default as nl } from './translations/nl'

package/src/translations/hi.ts

@@ -0,0 +1,21 @@
+import type { TranslationsType } from './utils'
+
+const hi: TranslationsType = {
+  save: 'जमा करें',
+  selectSingle: 'तारीख़ चुनें',
+  selectMultiple: 'तारीख़ें चुनें',
+  selectRange: 'अवधि चुनें',
+  notAccordingToDateFormat: (inputFormat) =>
+    `तारीख़ का प्रारूप ${inputFormat} होना चाहिए`,
+  mustBeHigherThan: (date) => `${date} के बाद होना चाहिए`,
+  mustBeLowerThan: (date) => `${date} से पहले होना चाहिए`,
+  mustBeBetween: (startDate, endDate) =>
+    `${startDate} - ${endDate} के बीच होना चाहिए`,
+  dateIsDisabled: 'दिन की अनुमति नहीं है',
+  previous: 'पिछला',
+  next: 'अगला',
+  typeInDate: 'तारीख़ लिखें',
+  pickDateFromCalendar: 'कैलेंडर से तारीख़ चुनें',
+  close: 'बंद करें',
+}
+export default hi