A timepicker allows users to pick a time from a popup.
A timepicker is a text field with a clock icon on the right.
While FOLIO avoids using placeholders for text fields, timepickers are an exception to the rule.
The following placeholder shall be displayed: “h:mm A”.
When users click on the timepicker, a time pop up shall appear.
When users pick a time, the pop up shall disappear.
The timepicker should have the selected time as well as a clear X icon in addition to the clock icon.