Qwickly products utilize the HTML type "Date" and "Time" inputs across various tools. It has been noticed that these elements may not render properly in some browsers (for example, Safari).
The user is still able to use these elements but the experience may be different. this article will try to highlight the regular experience and show how the erroneous inputs can still be utilized.
HTML type="date" input
The correctly rendering HTML type="date" input produces an input field with a calendar icon on the right hand side. Clicking the icon on the input should produce a dropdown allowing the user to select a date.
The incorrectly rendering HTML type="date" input will be missing the calendar icon on the right hand side. However, clicking here should still produce a dropdown allowing the user to select a date.
HTML type="time" input
The correctly rendering HTML type="time" input produces an input field with a clock icon on the right hand side. Clicking the icon on the input should produce a dropdown allowing the user to select a time.
The incorrectly rendering HTML type="time" input will be missing the clock icon on the right hand side. User will need to highlight the hour and minute values and modify them manually.
Comments
0 comments
Please sign in to leave a comment.