Confirm Button is missing in DateTimePicker spinner using iOS newer versions about react-native-ui-lib

[mcalero11]

@emprecario I liked your approach and thank you for sharing it. However, in the end I used a different solution:

react-native-ui-lib+7.21.2.patch:

diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index 902f55c..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index 8346c27..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index c43c034..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index 5495134..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index a1b0d0e..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index 62ef8d1..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index f9b22af..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index 1288bb4..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index ebc5f85..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index 2dd5199..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ

Basically, I deleted all the assets with prefixes @4x and @1.5x

And now works

[emprecario]

[bsalasA3]

Same here, but in Expo doesn't appear the button either

[mcalero11]

Same problem

• "react-native-ui-lib": "^7.20.3"
• "react-native": "0.73.6"
• "expo": "^50.0.0"
• "react-native-svg": "14.1.0"
• "react-native-svg-transformer": "^1.3.0"

[mcalero11]

@JSantangelo-Octopus Were you able to find a solution to this?

[emprecario]

Hi , @mcalero11 !! I modified the library component with patch-package to support a prop called renderHeader, and from my project I put icons with expo-icons. `diff --git a/node_modules/react-native-ui-lib/src/components/dateTimePicker/index.js b/node_modules/react-native-ui-lib/src/components/dateTimePicker/index.js
index 5518e3a..018638e 100644
--- a/node_modules/react-native-ui-lib/src/components/dateTimePicker/index.js
+++ b/node_modules/react-native-ui-lib/src/components/dateTimePicker/index.js
@@ -43,6 +43,7 @@ const DateTimePicker = forwardRef((props, ref) => {
headerStyle,
testID,
display = Constants.isIOS ? 'spinner' : undefined,

• renderHeader: _renderHeader,
  ...others
  } = props;
  const [value, setValue] = useState(propsValue);
  @@ -118,6 +119,13 @@ const DateTimePicker = forwardRef((props, ref) => {
  }
  }, [onDonePressed, toggleExpandableOverlay]);
  const renderHeader = () => {

• if (_renderHeader) {

•  return _renderHeader({
  

•    toggleExpandableOverlay,
  

•    onDonePressed
  

•  });
  

• }

• return <View row spread bg-$backgroundDefault paddingH-20 style={[styles.header, headerStyle]} testID={${testID}.header}>
  <Button link iconSource={Assets.icons.x} iconStyle={{
  tintColor: Colors.$iconDefault`

  ----> Component
  <DateTimePicker renderHeader={DatePickerHeader} themeVariant="light" renderInput={({value}) => ( <> <TextInput color={Colors.white} readonly value={value} trailingAccessory={dropdownIcon} placeholder="Fecha de concierto" /> </> )} {...field} />

[mcalero11]

@emprecario I will create the patch, I hope it works

[emprecario]

@mcalero11 Here you have my DatePickerHeader component:

[JSantangelo-Octopus]

@JSantangelo-Octopus Were you able to find a solution to this?

Hi! Nope, i was working in another project. I will try your patch, thanks!

[janoslc]

Hi! I'm interested in this conversation, having the same issue.
@JSantangelo-Octopus did you apply any workaround which works for you?

[janoslc]

So I used @mcalero11 's method and it's working. On my end it was enough to remove only these files:

• node_modules/react-native-ui-lib/src/assets/icons/[email protected]
• node_modules/react-native-ui-lib/src/assets/icons/[email protected]
• node_modules/react-native-ui-lib/src/assets/icons/[email protected]
• node_modules/react-native-ui-lib/src/assets/icons/[email protected]

Here's the patch source:

Filename: react-native-ui-lib+7.23.2.patch

diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index 902f55c..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index 8346c27..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index c43c034..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ
diff --git a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] b/node_modules/react-native-ui-lib/src/assets/icons/[email protected]
deleted file mode 100644
index 5495134..0000000
Binary files a/node_modules/react-native-ui-lib/src/assets/icons/[email protected] and /dev/null differ

"react-native-ui-lib": "^7.23.2"