Merge pull request #508 from web-ridge/copilot/fix-czech-locale-date-format

Fix date truncation for locales with spaces in date format

Author: RichardLindhout

src/TextInputMask.tsx

@@ -87,7 +87,7 @@ function TextInputWithMask(
       onChange={(e) => {
         onChange && onChange(e)
       }}
-      maxLength={10}
+      maxLength={mask.length}
       right={inputButton}
     />
   )

src/__tests__/TextInputMask.test.tsx

@@ -0,0 +1,62 @@
+import { render } from '@testing-library/react-native'
+import TextInputWithMask from '../TextInputMask'
+
+const noop = () => null
+
+describe('TextInputMask', () => {
+  it('should set maxLength based on mask length for standard format', () => {
+    const { getByTestId } = render(
+      <TextInputWithMask
+        testID="date-input"
+        value=""
+        mask="MM/DD/YYYY"
+        inputButton={null}
+        onChangeText={noop}
+      />
+    )
+    const input = getByTestId('date-input')
+    expect(input.props.maxLength).toBe(10)
+  })
+
+  it('should set maxLength based on mask length for Czech locale format', () => {
+    const { getByTestId } = render(
+      <TextInputWithMask
+        testID="date-input"
+        value=""
+        mask="DD. MM. YYYY"
+        inputButton={null}
+        onChangeText={noop}
+      />
+    )
+    const input = getByTestId('date-input')
+    expect(input.props.maxLength).toBe(12)
+  })
+
+  it('should set maxLength based on mask length for Hungarian locale format', () => {
+    const { getByTestId } = render(
+      <TextInputWithMask
+        testID="date-input"
+        value=""
+        mask="YYYY. MM. DD."
+        inputButton={null}
+        onChangeText={noop}
+      />
+    )
+    const input = getByTestId('date-input')
+    expect(input.props.maxLength).toBe(13)
+  })
+
+  it('should set maxLength based on mask length for German locale format', () => {
+    const { getByTestId } = render(
+      <TextInputWithMask
+        testID="date-input"
+        value=""
+        mask="DD.MM.YYYY"
+        inputButton={null}
+        onChangeText={noop}
+      />
+    )
+    const input = getByTestId('date-input')
+    expect(input.props.maxLength).toBe(10)
+  })
+})