Does anyone know how can I force RTL (right to left) over RNPickerSelect component?

[itayperry]

Hi everyone,
I'm using the RNPickerSelect component :)

These are my versions:

    "@react-native-picker/picker": "2.4.10",
    "react-native-picker-select": "^8.1.0",

I forced RTL over the entire app using:

      I18nManager.allowRTL(true);
      I18nManager.forceRTL(true);

This is my component:

  <View style={{ direction: "rtl" }}>
    <Controller
      control={control}
      render={({ field: { onChange, onBlur, value } }) => (
        <View
          style={{
            display: "flex",
            direction: "rtl",
            backgroundColor: colors.background,
            height: 48,
          }}
        >
          <RNPickerSelect
            value={value}
            placeholder={{
              key: null,
              value: null,
              label: "מין",
              color: "gray",
            }}
            onValueChange={(value) => onChange(value)}
            items={[
              { key: 1, label: "זכר", value: 1 },
              { key: 2, label: "נקבה", value: 2 },
            ]}
          />
        </View>
      )}
      name={key}
    />
    {errors[key] && <Label>This is required.</Label>}
  </View>;

The icon is still on the right side although it should be on the left,
meaning the component is still LTR (left-to-right).. does anyone know how to fix it?