Mobile time picker UI examples

Time picker UI examples

Search the library

See the flow
Fishbrain - Fishing App
The bottom half of the screen is a date and time picker interface.
See the flow
Bible Chat: Daily Devotional
Below this, a time-picker input field displays 'Set Time' with a current selection of '07 : 09 PM'.
See the flow
Zutobi: Permit & Driving Prep
Below the days, there is a time-picker interface with three scrolling columns for hour, minute, and AM/PM selection.
See the flow
Sky Tonight - Stargazing Guide
A date and time picker is provided, showing '2024 Jul 12 12:00 AM' with a horizontal scrollable time scale.
See the flow
SnoreLab : Record Your Snoring
This screen, titled 'Time to Sleep', is a configuration interface for a sleep tracking app.
See the flow
Map My Run GPS Running Tracker
A three-column duration wheel selects hours, minutes, and seconds beneath the workout fields.
See the flow
Spoke Route Planner
An end-time wheel appears in a bottom sheet with Clear and Confirm actions.
See the flow
Zumba - Dance Fitness Workout
The modal, which occupies the bottom half of the screen, is a date and time picker for scheduling a workout.
See the flow
Useless - Screen Time Control
Hour and minute wheels set a daily screen-time goal.
See the flow
Transit • Subway & Bus Times
This screen shows a modal overlay for setting trip departure or arrival times within a public transit navigation app.
See the flow
HelloBot - Astrology & Tarot
A modal overlay occupies the bottom half of the screen, featuring a dual-column scrollable picker for selecting time of birth (hours and minutes).
See the flow
Redfin: Buy, Sell & Rent Homes
Further down, the user is prompted to 'Pick a time' with a list of available time slots, each marked with a lightning bolt icon indicating 'Guaranteed agent availability'.
See the flow
Noxogy Sleep Tracker
Hour, minute, and AM/PM wheels sit beneath the reminder toggle.
See the flow
Widgetable: Besties & Couples
This screen shows a modal overlay for setting a reminder time within the Widgetable app, specifically for a virtual pet named 'Kitty'.
See the flow
Plane Finder ⁃ Flight Tracker
The bottom half of the screen is covered by a semi-transparent modal titled 'Playback' (partially obscured), which contains a date and time picker.
See the flow
Zutobi: Permit & Driving Prep
Below the day selectors is a vertical scrolling time picker showing hours (03), minutes (40), and AM/PM (PM) indicators.
See the flow
Layout for Instagram・Inpreview
Below these, a 'REMINDER' section features a toggle switch and an active date/time picker wheel currently set to 'Today' at '3:04 PM'.
See the flow
Sky Tonight - Stargazing Guide
The top section features a header with the constellation name, a segmented control for 'Info', 'Figures', and 'Events' (currently selected), and a time-scrubbing interface with a date and time picker.
See the flow
SnoreLab : Record Your Snoring
Below the text is a vertical scrolling time picker (hour, minute, AM/PM) and a row of day-of-the-week selectors (Sun through Sat).
See the flow
SnoreLab : Record Your Snoring
Below this is a standard iOS-style time picker wheel showing hours, minutes, and AM/PM selection.

Found an example you like?See the whole story.

See the full library See plans