Merge pull request #333 from SoyDiego/custom-properties-datepicker

feat: Add custom icon properties to DatePickerInput component

Author: iM-GeeKy

docusaurus/docs/date-picker/input-date-picker.md

@@ -67,6 +67,18 @@ Callback event when the component text input changes.
 `Type: 'flat' | 'outlined'`  
 See [react-native-paper text-input](https://callstack.github.io/react-native-paper/text-input.html#mode).
 
+**iconSize**  
+`Type: Number`  
+Specifies the size of the icon in pixels.
+
+**iconColor**  
+`Type: String`  
+Sets the color of the icon.
+
+**iconStyle**  
+`Type: React.CSSProperties`  
+Defines the CSS styles for the icon element.
+
 **validRange**  
 `Type: {
   startDate: Date | undefined,

src/Date/DatePickerInput.shared.tsx

@@ -14,6 +14,9 @@ export type DatePickerInputProps = {
   hasError?: boolean
   onValidationError?: ((error: string | null) => void) | undefined
   calendarIcon?: string
+  iconSize?: number
+  iconStyle?: React.CSSProperties
+  iconColor?: string
   saveLabel?: string
   saveLabelDisabled?: boolean
   uppercase?: boolean

src/Date/DatePickerInput.tsx

@@ -5,6 +5,8 @@ import DatePickerModal from './DatePickerModal'
 import { useLatest } from '../utils'
 import type { DatePickerInputProps } from './DatePickerInput.shared'
 import DatePickerInputWithoutModal from './DatePickerInputWithoutModal'
+import { StyleProp } from 'react-native'
+import { ViewStyle } from 'react-native'
 
 function DatePickerInput(
   {
@@ -34,10 +36,12 @@ function DatePickerInput(
       inputButton={
         withModal ? (
           <TextInput.Icon
-            size={24}
+            size={rest.iconSize ?? 24}
             icon={calendarIcon}
+            color={rest.iconColor ?? undefined}
             disabled={rest.disabled}
             onPress={() => setVisible(true)}
+            style={rest.iconStyle as StyleProp<ViewStyle>}
           />
         ) : null
       }