iOS 14

Issue

Looks like iOS 14 introduced new design for Calendar

Expected Behaviour

Looks like this component needs to be updated to handle these changes for iOS 14

Environment

1. react-native -v: 0.62.2
2. node -v: v10.18.1
3. npm -v: 6.13.4
4. yarn --version: 1.22.4
5. target platform: iOS (14)
6. operating system: macOS

[undeaDD]

one solution for this may be to override the preferedStyle of any UIDatePicker in the iOS native Workspace:

if (@available(iOS 14, *)) {
  UIDatePicker *picker = [UIDatePicker appearance];
  picker.preferredDatePickerStyle = UIDatePickerStyleWheels;
}

But there is one catch 👎 The DatePickerWheel is smaller in iOS14 and wont fill the Libraries Modal sadly Maybe someone else here has any Idea for that ^^

If you are fine with a left aligned Wheel though just put the code from above in your AppDelegate -> didFinishLaunchingWithOptions function

[undeaDD]

okay i just fixed the misalignment with some customStyles …

<DatePicker
    customStyles={{
      datePicker: {
        backgroundColor: '#d1d3d8',
        justifyContent:'center'
      }
    }}
...
/>

Result: iOS 14 ( compiled with XCode 12 )