Front end UI: How to display a calendar icon for date picker field?

[ad_1]

Hi – How do I display a calendar icon for the date picker field? By default, it displays as though it is a text field, until the user clicks on it. For UI purposes, I would like users to immediately understand that they will be clicking on an easy date picker, rather than typing in a date – overall, I just want the user’s understanding to be clear at a glance. How do I add an icon – will I need to create my own custom CSS with :after positioning, or is there a native option in the configuration somewhere? I’m concerned that if I add it via CSS, that is style, not content, and the user will try to click on the icon and it won’t do anything.

Many thanks.

  • This topic was modified 9 hours, 8 minutes ago by jason9j.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer