React-native-modal-datetime-picker: Broken on iOS14 ?

Created on 24 Dec 2020  路  13Comments  路  Source: mmazzarolo/react-native-modal-datetime-picker

Modal looks like:

image

Clicking either of those buttons looks like:

image

Even though I have is24Hour={true}.

Did iOS radically change something and now this library works in a very different way suddenly that does not match the screenshots in README at all ?

bug

Most helpful comment

All 13 comments

looks like solution is to set
display='spinner' to get the "old" look of the spinner

looks like solution is to set
display='spinner' to get the "old" look of the spinner

Display prop seems to not be functioning correctly (SEE ISSUE HERE: https://github.com/react-native-datetimepicker/datetimepicker/issues/365 ) Unless this is only affecting my simulator for iOS.

ooks like solution is to set
display='spinner' to get the "old" look of the spinner

Not sure I'm following btw, we're already setting display="spinner"

Display prop seems to not be functioning correctly (SEE ISSUE HERE: react-native-datetimepicker/datetimepicker#365 ) Unless this is only affecting my simulator for iOS.

For what is worth, the component is working fine for me on iOS14 on multiple devices (simulators & real devices) on non-expo apps.

I have display prop set to 'spinner' on iOS however I still receive the 'new' UI
If i Understand correctly display="Spinner" should override that correct?

Screen Shot 2020-12-29 at 1 27 29 PM

Why are you setting the display prop to spinner manually? We're already setting it 馃
What version of React-Native are you using and of the community picker are you using? Are you 100% sure you're on the latest versions (and that your cache is clear npm run start -- --reset-cache)?

I figured I would try setting it manually since it wasn't working

RNdatetimepicker is version 2.1.0 and modal version 8.1.1 and RN version 0.63.3

I figured I would try setting it manually since it wasn't working

RNdatetimepicker is version 2.1.0 and modal version 8.1.1 and RN version 0.63.3

I will try to update

RNdatetimepicker must be > 3

TYSM! Feel like an idiot but its working now!

no worries, it happens :) glad it works!

Hey guys I'm having the same trouble and I need some help here. Already did all recommended above (set RNdatetimepicker to ^3.0.0 on package.json, deleted node_modules and reinstalled everything), but I'm still not getting the spinner mode.

This is also only on iOS, Android works great. Any tips?

@gr0x0 Did you already try cleaning up the cache with react-native start --reset-cache?

@mmazzarolo I did, sorry i forgot to mention. I'm using yarn so I ran yarn cache clean, but it didn't work. I really don't know what I am missing...

Was this page helpful?
0 / 5 - 0 ratings