Skip to content

New component proposal: TimePicker #11223

@themarkappleby

Description

@themarkappleby

TimePicker

A TimePicker is used to select a valid time. The TimePicker is meant to be used in conjunction with a TimeField (TBD).

Required components

TimeFields (TBD). The TimeField will provide a mechanism to display the associated TimePicker. Merchants can choose to interact (type) with the field directly and ignore the picker, assuming the merchant already knows what time increments and ranges are valid (i.e. between 9am - 5pm, 30 minute increments). If they don't know what ranges and/or increments are valid, the TimePicker should communicate this clearly.

Potentially the TimePicker could be used independently of the TimeField (similar to the way that you can currently use the ColorPicker independently of a ColorField).

Figma prototype

Video explainer

Examples

Existing demand

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions