DatePicker Text hide while hovering in Windows

[MohanrajSF3559]

Description

When using a Date Picker in a .NET MAUI application on the Windows platform, the text and icon become hidden while hovering over the Date Picker. This behavior disrupts the user experience, as users cannot see the date text or the calendar icon when they move their cursor over the control.

Steps to Reproduce

Step:

1. Run the application on a Windows platform.
2. Hover the cursor over the Date Picker control.
3. As you can see the issue like below video.

Link to public reproduction project repository

DataPickerFrameWorkIssue.zip

Version with bug

8.0.70 SR7

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

Windows

Did you find any workaround?

NA

Relevant log output

2024-07-26.10-31-45.mp4

[github-actions]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one and thumbs upping the other issue to help us prioritize it. Thank you!

Open similar issues:

• DatePicker Color Icon (#22987), similarity score: 0.79

Closed similar issues:

• TimePicker only shows time when mouse hovers on Windows (#5358), similarity score: 0.78
• [Windows] Wrong default DatePicker and TimePicker TextColor (#4165), similarity score: 0.77
• [Windows] DatePicker doesn't update Date property when you don't select date (#22004), similarity score: 0.76
• TextColor does not work correctly in Windows for the Picker and DatePicker. (#7924), similarity score: 0.76

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[Zhanglirong-Winnie]

This issue has been verified using Visual Studio 17.11.0 Preview 5.0(8.0.70 & 8.0.61). Can repro on Windows platform.

[MitchBomcanhao]

    <Grid BackgroundColor="Black" WidthRequest="200" HeightRequest="50">
        <DatePicker x:Name="datePicker" TextColor="White" />
    </Grid>

you put a black background on a different control underneath the DatePicker, and you manually changed the text color on the picker to be white.
Looks like you wanted to use the control in dark mode, so maybe use that instead?

[MohanrajSF3559]

I tried this work around not working, Can you please reopen again.

[MohanrajSF3559]

The above rendering is fine. But if I try to hover on DatePicker, the text is hide.