Dark Mode is not working on Android devices.

[admin-boclar]

Environment

System: OS: Windows 11 10.0.22631 CPU: "(16) x64 AMD Ryzen 7 5800H with Radeon Graphics " Memory: 4.17 GB / 31.86 GB Binaries: Node: version: 20.11.1 path: C:\Program Files\nodejs\node.EXE Yarn: version: 1.22.22 path: C:\Program Files\nodejs\yarn.CMD npm: version: 10.2.4 path: C:\Program Files\nodejs\npm.CMD Watchman: Not Found SDKs: Android SDK: Not Found Windows SDK: Not Found IDEs: Android Studio: AI-213.7172.25.2113.9123335 Visual Studio: Not Found Languages: Java: version: 17.0.11 path: /c/Program Files/Common Files/Oracle/Java/javapath/javac Ruby: version: 3.2.2 path: C:\Ruby32-x64\bin\ruby.EXE npmPackages: "@react-native-community/cli": Not Found react: installed: 18.2.0 wanted: 18.2.0 react-native: installed: 0.74.1 wanted: 0.74.1 react-native-windows: Not Found npmGlobalPackages: "*react-native*": Not Found Android: hermesEnabled: Not found newArchEnabled: Not found iOS: hermesEnabled: Not found newArchEnabled: Not found

Platforms

Android only

Versions

• Android: Nexus 4 running on Simulator with API 34
• iOS: N/A
• react-native-modal-datetime-picker: 17.1.0
• react-native-community/datetimepicker: 7.7.0
• react-native:0.74.1
• react:18.2.0
• expo: 51.0.1

Description

Calendar picker is not applying dark mode style correctly on Android devices.

Note: It works fine on iOS

Reproducible Demo

Enable dark mode manually and make it visible.

<DateTimePickerModal date={date} display={'spinner'} isDarkModeEnabled={true} isVisible={showDatePicker} mode={'date'} onCancel={handleVisibleDatePicker} onConfirm={handleDateConfirm} />