Your budget

Prices in US dollars

Show 344 products up to $30

No. 080UI components

Time Picker Components

Time pickers in dropdown, scroll-wheel and clock-dial styles, with 12- and 24-hour formats, time ranges, slots and time zone selection.

$8

Fits your $30 budget

  • Includes the Standard license: personal, commercial and client work for one person.
  • Instant download after payment, plus an email with links that stay active for 30 days.
  • Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
Contents
22 components
File formats
.fig, .sketch, .png
Supported software
Figma, Sketch
Download size
7 MB
Good for
  • Appointment booking
  • Shift scheduling
  • Reminder settings

About this product

Dropdown, scroll-wheel and clock-dial pickers are the three main ways to choose a time here: the dropdown steps in 15-minute increments, the wheel is built for touch screens and the dial has hour and minute modes. All three work in 12-hour and 24-hour formats, and the rest of the 22 components cover time ranges, a duration picker, a time zone selector, bookable slots and a masked input.

Which one to use depends on context: a wheel for thumbs on a phone, a slot grid for appointment booking, a dropdown for desktop shift schedules. Light and dark versions are included, and the masked input shows an error state for impossible entries such as 25:70.

What's inside

  • 22 components in dropdown, scroll-wheel and clock-dial styles
  • 12-hour and 24-hour formats with an AM/PM toggle
  • Time range, duration and bookable slot pickers
  • Time zone selector with UTC offsets
  • Masked time input with an error state

License

Standard license

Included with every purchase

For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.

Allowed

  • Design a client's website with a UI kit and hand over the finished site
  • Use the same asset in as many of your projects as you like
  • Build your startup's pitch deck from a presentation template
  • Use an icon set throughout your company's web app

Not allowed

  • Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
  • Uploading the files anywhere others can download or extract them, such as a public repository
  • Letting several people work from one Standard license (a Team license covers that)
  • Selling print-⁠on-⁠demand merchandise or templates built on the assets without an Extended license

Search by name, type, tag or app, for example “dashboard” or “Figma”.