Picker - enhance modalProps merging in useNewPickerProps (#3719)

* Picker enhance modalProps merging in useNewPickerProps for improved customization

* Update src/components/picker/helpers/useNewPickerProps.tsx

Co-authored-by: Nitzan Yizhar <[email protected]>

---------

Co-authored-by: Nitzan Yizhar <[email protected]>

Author: adids1221

src/components/picker/helpers/useNewPickerProps.tsx

@@ -17,18 +17,28 @@ const useNewPickerProps = (props: PickerProps) => {
     renderOverlay
   } = props;
 
-  const modalProps: ExpandableOverlayProps['modalProps'] = {
+  const defaultModalProps = {
     animationType: 'slide',
     transparent: Constants.isIOS && enableModalBlur,
     enableModalBlur: Constants.isIOS && enableModalBlur,
     onRequestClose: topBarProps?.onCancel
+  } satisfies ExpandableOverlayProps['modalProps'];
+
+  const mergedModalProps = {
+    ...defaultModalProps,
+    ...(onShow && {onShow}),
+    ...pickerModalProps,
+    ...customPickerProps?.modalProps
   };
 
   const newProps: PickerProps = {
     renderHeader: renderCustomDialogHeader || renderHeader,
     renderInput: renderPicker || renderInput,
     renderOverlay: renderCustomModal || renderOverlay,
-    customPickerProps: {modalProps: {onShow, ...modalProps, ...pickerModalProps}, ...customPickerProps}
+    customPickerProps: {
+      ...customPickerProps,
+      modalProps: mergedModalProps
+    }
   };
   return newProps;
 };