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

  • Resolved jason9j

    (@jason9j)


    1 year, 8 months ago

    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 1 year, 8 months ago by jason9j.
Viewing 1 replies (of 1 total)
  • Plugin Support Tahmid ul Karim

    (@tahmidulkarim)

    Hi @jason9j,

    There aren’t any direct options to add an icon to the date picker field. You can try using custom CSS codes. So, you can try implementing it yourself.

    Thank you!

Viewing 1 replies (of 1 total)
  • The topic ‘Front end UI: How to display a calendar icon for date picker field?’ is closed to new replies.