feat: require locale

Author: RichardLindhout

example/src/ReadMeExampleMultiple.tsx

@@ -24,7 +24,7 @@ export default function ReadMeExampleMultiple() {
       </Button>
 
       <DatePickerModal
-        // locale={'en'} optional, default: automatic
+        locale="en"
         mode="multiple"
         visible={open}
         onDismiss={onDismiss}

example/src/ReadMeExampleRange.tsx

@@ -29,7 +29,7 @@ export default function ReadMeExampleRange() {
         Pick range
       </Button>
       <DatePickerModal
-        // locale={'en'} optional, default: automatic
+        locale="en"
         mode="range"
         visible={open}
         onDismiss={onDismiss}

example/src/ReadMeExampleSingle.tsx

@@ -24,7 +24,7 @@ export default function ReadMeExampleSingle() {
         Pick single date
       </Button>
       <DatePickerModal
-        // locale={'en'} optional, default: automatic
+        locale="en"
         mode="single"
         visible={open}
         onDismiss={onDismissSingle}

src/Date/Calendar.tsx

@@ -28,7 +28,7 @@ export type ValidRangeType = {
 }
 
 export type BaseCalendarProps = {
-  locale?: undefined | string
+  locale: string
   disableWeekDays?: DisableWeekDaysType
   validRange?: ValidRangeType
 

src/Date/CalendarEdit.tsx

@@ -30,7 +30,7 @@ function CalendarEdit({
   collapsed: boolean
   onChange: (s: LocalState) => any
   validRange: ValidRangeType | undefined
-  locale?: undefined | string
+  locale: string
 }) {
   const dateInput = React.useRef<TextInputNative | null>(null)
   const startInput = React.useRef<TextInputNative | null>(null)

src/Date/DatePickerInput.tsx

@@ -22,7 +22,7 @@ function DatePickerInput(
     ...rest
   }: Omit<React.ComponentProps<typeof TextInput>, 'value' | 'onChange'> & {
     inputMode: 'start' | 'end'
-    locale?: string
+    locale: string
     onChange: (date: Date | undefined) => void
     value: Date | undefined
     validRange?: ValidRangeType | undefined

src/Date/DatePickerModalContent.tsx

@@ -28,7 +28,7 @@ export type LocalState = {
 
 interface DatePickerModalContentBaseProps {
   inputFormat?: string
-  locale?: undefined | string
+  locale: string
   onDismiss: () => any
   disableSafeTop?: boolean
 }

src/Date/DateRangeInput.tsx

@@ -2,10 +2,10 @@ import * as React from 'react'
 import { View } from 'react-native'
 import { Text, IconButton } from 'react-native-paper'
 
-import TextInputWithMask from '../TextInputMask'
 import DatePickerModal from './DatePickerModal'
 
-export default function DateRangeInput() {
+// WORK IN PROGRESS
+export default function DateRangeInput({ locale }: { locale: string }) {
   const [visible, setVisible] = React.useState<boolean>(false)
   const onDismiss = React.useCallback(() => {
     setVisible(false)
@@ -22,13 +22,13 @@ export default function DateRangeInput() {
   return (
     <View style={{ flexDirection: 'row', alignItems: 'center' }}>
       <View style={{ flex: 1 }}>
-        <TextInputWithMask
-          value={''}
-          keyboardType={'numeric'}
-          placeholder={'DD-MM-YYY'}
-          mask={'DD-MM-YYY'}
-          onChangeText={() => {}}
-        />
+        {/*<DatePickerInput*/}
+        {/*  value={''}*/}
+        {/*  keyboardType={'numeric'}*/}
+        {/*  placeholder={'DD-MM-YYY'}*/}
+        {/*  mask={'DD-MM-YYY'}*/}
+        {/*  onChangeText={() => {}}*/}
+        {/*/>*/}
         <Text>Van</Text>
       </View>
       <View>
@@ -40,13 +40,13 @@ export default function DateRangeInput() {
         </Text>
       </View>
       <View style={{ flex: 1 }}>
-        <TextInputWithMask
-          value={''}
-          keyboardType={'numeric'}
-          placeholder={'DD-MM-YYY'}
-          mask={'DD-MM-YYY'}
-          onChangeText={() => {}}
-        />
+        {/*<DatePickerInput*/}
+        {/*  // value={''}*/}
+        {/*  // keyboardType={'numeric'}*/}
+        {/*  // placeholder={'DD-MM-YYY'}*/}
+        {/*  // mask={'DD-MM-YYY'}*/}
+        {/*  // onChangeText={() => {}}*/}
+        {/*/>*/}
         <Text>Tot</Text>
       </View>
       <View>
@@ -56,6 +56,7 @@ export default function DateRangeInput() {
         </Text>
       </View>
       <DatePickerModal
+        locale={locale}
         mode="range"
         visible={visible}
         onDismiss={onDismiss}