Datepicker in IOS is not working in dark mode

Issue

I am using react-native-picker , on android its working fine but on IOS ( iphone XS ,iphone XS max, iphone 11, iphone 11 pro , iphone 11 pro max) is not showing the calendar properly in the below image , in datepicker date is not showing and sometime month scroll is also not working.

I also used react-native DatepickerIOS it’s showing same behavior like the attached image

Code

                        <DatePicker
                            style={{ height: 30, marginTop: -10 }}
                            date={this.state.noteData.date ? this.state.noteData.date : new Date()}
                            mode="date"
                            format="YYYY-MM-DD"
                            confirmBtnText="Confirm"
                            cancelBtnText="Cancel"
                            maxDate={new Date()}
                            customStyles={{
                                dateInput: {
                                    borderColor: 'transparent',
                                    backgroundColor: 'transparent',
                                    height: 20,
                                    alignItems: 'flex-start',
                                    paddingLeft: 7
                                },
                                dateText: styles.inputBox,
                                placeholderText: styles.inputBox
                            }}
                            showIcon={false}
                            onDateChange={(date) => this.handleChange(date, 'date')}
                        />

Environment

1. react : 16.8.3
2. react-native : 0.59.8
3. react-native-datepicker : 1.7.2
4. target platform: IOS
5. operating system : ubunto

If someone faced this issue kindly help how can I fixed this , this is happening only iphone series after iphone X like I mentioned above

[Mohammad-Khalid23]

I found this to resolve the issue, Add this to your info.plist file:

<key>UIUserInterfaceStyle</key> <string>Light</string>

hope it will work for you

[manojalwisnz]

@Mohammad-Khalid23 , Hi There, i have same issue with new iOS version and calendar doesn’t appear properly . Please, somebody give a quick solution for this.