Xamarin.forms: [Bug] DatePicker theming issues with Android dark mode

[streviranus]

Description

When using an Android device that supports dark mode (i.e. Android 10) and styles inheriting from Theme.AppCompat.DayNight, the DatePicker dialog box has a white background instead of dark gray when the device is in dark mode, resulting in unreadable text.

Related to: (https://github.com/xamarin/Xamarin.Forms/issues/8029)

Steps to Reproduce

1. Define a theme in your Android project that inherits from Theme.AppCompat.DayNight
2. Make a datepicker theme that inherits from Theme.AppCompat.DayNight.Dialog
3. Add the datepicker dialog style to the application theme like so:
   @style/AppCompatDialogStyle
4. Set the theme of your MainActivity to the application theme defined above.
5. Run the app on a device in dark mode and click on a DatePicker

Expected Behavior

The DatePicker is styled according to the theme, with white text on a dark background.

Actual Behavior

The DatePicker style is only partially applied, resulting in white text on a white background.

Basic Information

• Version with issue: 4.4.0
• Last known good version: Unknown
• IDE: Visual Studio Professional 2019, version 16.4.2
• Platform Target Frameworks:
  
  
  
  • Android: 10.0
  
  
• Android Support Library Version: 28.0.0.3
• Affected Devices: Pixel 2 with Android 10.0

Screenshots

Reproduction Link

DisplayAlertTheming 2.zip

[kingces95]

Investigating

[jfversluis]

Same seems to happen to the normal picker dialog. Also in the Gallery app. But only when you apply customizations. If you take out the custom styles in the styles.xml everything will fall in line.

[DennisWelu]

Related to Jan6 comment by @jfversluis, removing this line from "styles.xml" cleared up the problem with the "blank" date picker.

<item name="android:datePickerDialogTheme">@style/AppCompatDialogStyle</item>

[MathewLC]

@jfversluis normal picker has this problem too with the dialog. You guys have plan on fixing? Should I open another issue for that? I'm didn't found any other open about this.

[jfversluis]

No need for a new issue! It’s clear that this happens for all the picker variations. We’re aware and hopefully get around to this soon

If you have any additional information on a possible fix or cause that would be very welcome though

[MathewLC]

I didn't spent too much time looking at it, but I'll definitely do it soon and if I found something I'll let you guys know. Best Regards.

[sebfrie]

Are there any updates on this one? A fix is highly appreciated.

[kazo0]

Is there currently a workaround for this to get the DatePicker dialog to properly show in dark mode?