Specification

This widget provides time picker behaviour.

Features

• can support AM/PM labels
• can support 12 and 24hr times
• can be passed a value that sets the currently displayed time

Features excluded from this version

• timezone support, e.g. optional picker after the time [16:20][PM][BST]
• default to current time if no time passed in
• falls back to native mobile UI on mobile

Value-add of the widget (e.g. why use rather than just use VDom directly)
Ability yo choose times

List of callback funcs that can be passed in props (if any)
onHide
onShow

Mouse/keyboard interactions (if any)
Ability to scroll through the times when choosing, using mouse and keyboard.

Mandatory/valid/empty/wait states (if any)
Mandatory
Disabled
Enabled

Is the widget controlled/uncontrolled
Controlled

List of any icons needed
Clock icon for input addon (used to launch the time picker)

Design input required (inc responsive design)
Look and feel of the widget.

Any other considerations:

Questions

What format should be used to get/set the time data?

Acceptance criteria

When I click the 'clock' icon on the input, the timepicker should be shown in a direction that makes best use of screen real estate, e.g. if the input is at the bottom of the screen, then the timepicker should be shown above the input
When I set and invalid time, e.g. 25:10, then the input will show as invalid.