We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Date picker has two icons:
One icon on datepicker
Example in date input from docs: https://picocss.com/docs/forms.html#range
Firefox 111.0.1 (64-bit)
The text was updated successfully, but these errors were encountered:
The way I'm getting around this (at the moment) is to target Firefox:
@-moz-document url-prefix() { [type=date], [type=datetime-local], [type=month], [type=week] { background-image: none; padding-right: var(--form-element-spacing-horizontal); } }
The padding is overridden because the native icon position is affected by the padding
I don't see where Firefox has an equivalent to -webkit-calendar-picker-indicator but I may be missing something
-webkit-calendar-picker-indicator
Sorry, something went wrong.
Thank you. I researched and tested, and your solution seems the best. I will ship the fix in v.1.5.10
feat: remove date input icon in Firefox
5c22504
#348
Successfully merging a pull request may close this issue.
Current Behavior
Date picker has two icons:
Expected Behavior
One icon on datepicker
Reproduction URL
Example in date input from docs: https://picocss.com/docs/forms.html#range
Environment
Firefox 111.0.1 (64-bit)
The text was updated successfully, but these errors were encountered: