Time Picker

Allows users to select a specific time, usually in hours and minutes, from a set of options.

Component checklist

React documented

Flutter documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Flutter

Is new design vision part implemented using new tokens?

Update required

Introduction

Time Picker components offer users a simple way to input specific hours and minutes, often complemented by AM/PM and time zone options. These components typically feature a text field where users can enter the desired time, such as 11:30.

Time picker Example