Buttons on date picker using display="spinner" on Samsung devices are white text on white background and not visible

Bug report

Summary

When using display=“spinner” on Samsung devices the the Cancel and OK buttons are both white and invisible on the white background of the picker.

Reproducible sample code

https://snack.expo.dev/@formaldeyhdeson/moody-juice-box

Steps to reproduce

1. Add DateTimePicker component
2. Open component and observe buttons are not visible

Describe what you expected to happen:

1. Buttons should be visible

Environment info

Expo version 40.0 but in my snack I used 42.0 and the issue is still present. Snack also has the latest version of this component

npx react-native info output:

info Fetching system and libraries information...
System:
    OS: Windows 10 10.0.19042
    CPU: (8) x64 Intel(R) Core(TM) i7-7700HQ CPU @ 2.80GHz
    Memory: 5.34 GB / 15.86 GB
  Binaries:
    Node: 12.18.2 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 7.13.0 - C:\Program Files\nodejs\npm.CMD
    Watchman: Not Found
  SDKs:
    Android SDK: Not Found
    Windows SDK:
      AllowAllTrustedApps: Disabled
      Versions: 10.0.17763.0
  IDEs:
    Android Studio: Version  3.1.0.0 AI-173.4720617
    Visual Studio: Not Found
  Languages:
    Java: 13.0.2 - C:\Program Files\Java\jdk-13.0.2\bin\javac.EXE
    Python: 3.9.6 - C:\Users\alihe\AppData\Local\Programs\Python\Python39\python.EXE
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.13.1 => 16.13.1
    react-native: https://github.com/expo/react-native/archive/sdk-40.0.0.tar.gz => 0.63.2
    react-native-windows: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

datetimepicker version: 3.5.2

iOS / Android version: Observed on Samsung S10+ and S10E on Android 11 One UI 3.1

[vonovak]

hello, this is a bug present only with expo sdk; the code works just fine in the example project. Try upgrading to latest expo 44 beta.

thank you 😃

[VictorGobel]

Also having the issue, on android OnePlus with the display=“spinner” The textColor is only working for IOS (same for the style={{ color: ‘red’}} )

you can pass a textColor=“#0” as props. this fixes the issue.

<DateTimePicker display={dateDisplay} value={new Date(date)} mode="date" onChange={onChange} textColor='red' style={{ color: 'red'}} />