Buttons Ok and Cancel are invisible (color = background)

[hooliapps]

Describe the bug
I get some users who have the following problem:
Buttons Ok and Cancel are invisible (color = background)

If they click on the expected location of the bottom, it works.

To Reproduce

The problem occured on a Samsung Galaxy S20 Plus (Android 12) + at least one other device.
The problem don't occurs for the majority of users.

Expected behavior

Button ok and cancel must be visible.

Screenshots
The error:

Expected result:

Cordova
List Cordova versions by running:

• cordova -v
• 10.0.0
• cordova platform ls
• Installed platforms:
  android 9.1.0

Plugin version
2.1.2

Development OS (please complete the following information):

• OS: Android

Device (please complete the following information):

• Device: Samsung Galaxy S20 Plus
• OS: Android 12

Additional context
Cordova plugin:

Code:
cordova.plugins.DateTimePicker.show({
locale: elemId.includes('breaks') ? 'fr_FR' : null,
titleText: dateTimePickerTitleText,
mode: 'time',
date: theCurrentDate,
cancelText: A.i18n['cancel'],
clearText: showClearButton ? A.i18n['empty'] : null,
okText: 'OK',
android: {
is24HourView: ENV_TIME_24H || elemId.includes('breaks')
},
success: function(newDate) {
...
}
});

[hooliapps]

For info, i saw that some Smartphone (ex Samsung S20 Plus) can have some wrong colors (default R.style can be overwritted).

To "correct" this, i did the following steps.

config.xml

styles.xml

<style name="MyAppTheme" parent="android:Theme.DeviceDefault.NoActionBar"> #D3E3FD </style>

Then, i add android: {theme:0} in the source code

[skwasjer]

Great that you found the fix. I am not sure if we can do anything about it from the perspective of the plugin itself as it merely spawns the native picker on Android.

See also this guide on how to adjust themes (which is not exclusive or specific to this plugin). https://github.com/skwasjer/skwas-cordova-plugin-datetimepicker/blob/main/docs/Android_custom_theme_and_styling.md