Calendar Icon not shown in android phone.

[praveensankhlacom]

trafficstars

Description

I am using a .Net Maui blazor hybrid to create a mobile app. when I use the <Input type=" date"/> tag in that application then in Windows machine I get a placeholder (dd-mm-yyyy) in the input tag and a calendar icon for selecting a date from the calendar. but when I install it in Android the icon and placeholder do not show the input shows blank.

Steps to Reproduce

Create a razor file using an input tag and then install it in the Android mobile app to see this problem.

Link to public reproduction project repository

No response

Version with bug

9.0.0-preview.7.24407.4

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

8.0.0-preview.1.7762

Affected platforms

Android

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

No response

[github-actions[bot]]

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!

Closed similar issues:

• Blazor FileInput is not working on Android (#4483), similarity score: 0.72
• Flyout Icon is not displayed on android. Works fine on Windows. (#19178), similarity score: 0.72
• Unable to set FlyoutItem icon for Android (#23807), similarity score: 0.71
• Entry Control Not Rendering Properly On Android (#9251), similarity score: 0.71
• Datepicker date format display incorrect in windows but ok on android (#19967), similarity score: 0.71

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

[QianaJiao]

I can repro this issue on android device with MAUI version: 9.0.0-preview.7.24407.4, And this is not a regression, also repro on: 7.0.101, 8.0.3, 8.0.80, 9.0.0-preview.1.9973

[praveensankhlacom]

I can repro this issue on android device with MAUI version: 9.0.0-preview.7.24407.4, And this is not a regression, also repro on: 7.0.101, 8.0.3, 8.0.80, 9.0.0-preview.1.9973

Do you have any solution for that?

[jfversluis]

I'm pretty sure that this is something that is handled by the browser rendering engine and not something that we unfluence.

If you open the browser on that Android emulator and you go to a date field, does it show the icon there?

[dotnet-policy-service[bot]]

Hi @praveensankhlacom. We have added the "s/needs-info" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[jfversluis]

Actually I just checked it myself. Opening https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date on Android API 34 with Chrome, so no Blazor or .NET MAUI involved, it renders the same way. This is just how Android does it.

On other platforms they seem to add an icon.

If you want to have a consistent look across platforms you'll have to implement your own styling for this. There is nothing for us to do here, so closing this one.

Thank you!

[praveensankhlacom]

I can repro this issue on android device with MAUI version: 9.0.0-preview.7.24407.4, And this is not a regression, also repro on: 7.0.101, 8.0.3, 8.0.80, 9.0.0-preview.1.9973

Did you get any solution for that problem