Merge pull request #338 from roysc1984/add-animaiton-input-date

add animationType to DatePickerInput

Author: iM-GeeKy

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

@@ -136,6 +136,10 @@ Determines the visual presentation style of the date picker modal. This prop all
 - `'formSheet'`: Renders the modal as a smaller form-style sheet.
 - `'overFullScreen'`: Overlays the modal on top of the content, allowing interaction with the underlying content.
 
+**animationType**  
+`Type: 'slide' | 'fade' | 'none' | undefined`  
+The animation used when opening the date picker modal. Defaults to `'slide'`.
+
 For example, if you set `presentationStyle` to `'pageSheet'`, the modal will be presented as a card-like sheet.
 
 - Other [react-native TextInput props](https://reactnative.dev/docs/textinput#props).\*

src/Date/DatePickerInput.shared.tsx

@@ -25,6 +25,7 @@ export type DatePickerInputProps = {
   onChangeText?: (text: string | undefined) => void
   inputEnabled?: boolean
   disableStatusBarPadding?: boolean
+  animationType?: 'slide' | 'fade' | 'none'
 } & Omit<
   React.ComponentProps<typeof TextInput>,
   'value' | 'onChange' | 'onChangeText' | 'inputMode'

src/Date/DatePickerInput.tsx

@@ -12,6 +12,7 @@ function DatePickerInput(
   {
     withModal = true,
     calendarIcon = 'calendar',
+    animationType = 'slide',
     ...rest
   }: DatePickerInputProps,
   ref: any
@@ -77,6 +78,7 @@ function DatePickerInput(
             endYear={endYear ?? 2200}
             inputEnabled={inputEnabled}
             disableStatusBarPadding={disableStatusBarPadding ?? false}
+            animationType={animationType}
           />
         ) : null
       }