Published in : 2022-03-01
My html date picker input[type="date"] is showing a triangle ▽ instead of calendar icon 📅.
I want to show png file instead of triangle icon. I tried this thread to improve calendar icon, but it doesn't seem very simple.
I haven't figured out a way to do that yet.
Join our community and get the chance to solve your code issues & share your opinion with usSign up Now
Rakshit Date : 2022-03-02
Your html date input is given as below
#Approach 1: Live Demo Link - Changing calendar icon using font-awesome icon library
#Approach 2: Live Demo Link - Changing calendar icon using image.
This way you can overwrite your date picker, Hope it will work for you.
Shilpa Date : 2022-03-02
Yes, Approach 1 about using Font-awesome looks good for me, thank you for sharing codepens, they are so helpful.