I have a form that has a few date and time input types on it. During feedback sessions, many users of the form didn’t know the helper icons at the end of the input fields showed a calendar or time picker. Also, the vast majority of those users would strongly prefer to use those instead of manually typing data in.
I’d like to make those fields show the calendar/time selector when one of those fields gets focus instead of just when you click on the helper at the end of the textbox.
I’ve seen a few questions about this but most seem outdated or require some extra javascript library. Is there a way, with just plain CSS and/or javascript, to trigger the calendar/timepicker to show when a user clicks in the input field?