dotnet / maui

.NET MAUI is the .NET Multi-platform App UI, a framework for building native device applications spanning mobile, tablet, and desktop.
https://dot.net/maui
MIT License
22.2k stars 1.75k forks source link

Calendar Icon not shown in android phone. #24483

Closed praveensankhlacom closed 1 month ago

praveensankhlacom commented 2 months ago

Description

I am using a .Net Maui blazor hybrid to create a mobile app. when I use the 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] commented 2 months ago

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:

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

QianaJiao commented 2 months ago

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 image

praveensankhlacom commented 2 months ago

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 image

Do you have any solution for that?

jfversluis commented 1 month ago

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] commented 1 month ago

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 commented 1 month ago

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.

Screenshot_1725273776

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 commented 1 month ago

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 image

Did you get any solution for that problem