improved alignment

Author: SoyDiego

src/Date/DatePickerInput.shared.tsx

@@ -21,7 +21,6 @@ export type DatePickerInputProps = {
   endYear?: number
   onChangeText?: (text: string | undefined) => void
   inputEnabled?: boolean
-  inputButton?: React.ReactNode
 } & Omit<
   React.ComponentProps<typeof TextInput>,
   'value' | 'onChange' | 'onChangeText' | 'inputMode'

src/Date/DatePickerInput.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { IconButton } from 'react-native-paper'
+import { TextInput } from 'react-native-paper'
 import DatePickerModal from './DatePickerModal'
 import { useLatest } from '../utils'
 import type { DatePickerInputProps } from './DatePickerInput.shared'
@@ -33,7 +33,7 @@ function DatePickerInput(
       {...rest}
       inputButton={
         withModal ? (
-          <IconButton
+          <TextInput.Icon
             size={24}
             icon={calendarIcon}
             disabled={rest.disabled}

src/Date/DatePickerInputWithoutModal.tsx

@@ -42,7 +42,7 @@ function DatePickerInputWithoutModal(
       endYear: DatePickerInputProps['endYear']
       inputEnabled: DatePickerInputProps['inputEnabled']
     }) => any
-    inputButtons?: any
+    inputButton?: React.ReactNode
   },
   ref: any
 ) {
@@ -76,7 +76,6 @@ function DatePickerInputWithoutModal(
       <View style={styles.root}>
         <View style={styles.inputContainer}>
           <TextInputWithMask
-            inputButton={inputButton}
             {...rest}
             ref={ref}
             label={getLabel({
@@ -94,6 +93,7 @@ function DatePickerInputWithoutModal(
             keyboardAppearance={theme.dark ? 'dark' : 'default'}
             error={(!!error && !hideValidationErrors) || !!hasError}
             style={[styles.input, style]}
+            inputButton={inputButton}
           />
         </View>
         {error && !hideValidationErrors ? (

src/TextInputMask.tsx

@@ -85,7 +85,7 @@ function TextInputWithMask(
           onChange && onChange(e)
         }}
         maxLength={10}
-        right={<TextInput.Icon icon={() => inputButton} />}
+        right={inputButton}
       />
     </>
   )