DatePicker problems on iOS

Bug Reports
1

Hello, I have problems with DatePicker after updating to last Xcode version, any idea what can be the issue?

UX code:

<NativeViewHost>
   <DatePicker Value="{date}" MinValue="{minDate}" MaxValue="{maxDate}" />
</NativeViewHost>

JS code:

var date = Observable()

module.exports = {
  date,
  minDate: new Date(Date.parse("1950-01-01T00:00:00.000Z")),
  maxDate: new Date(Date.parse("2050-01-01T00:00:00.000Z"))
}

And it results to render DatePicker like this:

IMG_C0C09B533F3D-1
IMG_C0C09B533F3D-11125×628 17.1 KB

Any idea how I can fix this problem?

2

Ok, I found out that is the issue if you are using dark mode on iPhone.

3

If anyone face the same issue, you can opt out and use Light Mode as default by adding this to info.plist:

UIUserInterfaceStyle: Light

4

…or try catering for dark mode: New iOS 13 updates to try out: DarkMode & SystemFont Updates

1 Like