DatePickerComponent Modal is invisible (in Expo Go) on an iOS13 device set to dark mode

[pickettd]

It looks like an iOS13 device in dark mode will render the spinner datepicker's text as white (instead of black text when the device is in light mode). Since the wrapper's backgroundColor style is set to white, the text inside of the Datepicker modal will be invisible on an iOS device set to dark mode.

A quick fix/workaround is to set the wrapper background to 'gray' instead of 'background' here: https://github.com/RizeFinance/compliance-demo-ui/blob/4599730236e783fb307bc80cd9e3c62b8d9027d7/components/DatePickerInput.tsx#L25
because white or black text will show up visibly on the gray background.

I noticed that the Themed.tsx component does use the useColorScheme hook - but I guess the issue is that in Colors.ts it uses the same colors (including background being white) for both light and dark mode.

[ksalmon]

@pickettd This app does not yet support dark mode on mobile :/ I will create a ticket for this however and give you an update on the timeline soon!

[pickettd]

Thank you @ksalmon! I've been trying the repo on web, Android, and iOS. I've had the best experience on web and it is working great out-of-box there. I've noticed a few other issues while testing in Expo Go on iOS/Android (but nothing I couldn't workaround with small tweaks) - should I create issues/PRs for those or is the repo currently intended to be tested on React Native Web?

As a minor example of what I mean: the use of window.open at

prototype-ui/screens/AgreementScreen.tsx

Line 37 in 2e89b35

window.open(agreement.compliance_document_url, '_blank');

and

prototype-ui/screens/StatementScreen.tsx

Line 43 in 2e89b35

window.open('data:application/octet-stream;base64,' + viewableDocument.base_64);