Your budget

Prices in US dollars

Show 344 products up to $30

No. 079UI components

Date Picker UI Collection

Date pickers for single dates and ranges, with a presets sidebar, month and year pickers, a date-time picker and a mobile bottom sheet.

$11

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
32 components
File formats
.fig, .sketch, .png
Supported software
Figma, Sketch
Download size
12 MB
Good for
  • Booking and travel flows
  • Report date filters
  • Form date fields

About this product

Date selection is covered from a single input with a calendar popover to a two-month range picker whose presets sidebar offers choices such as Last 7 days and This month. Other pickers among the 32 components handle months, years, combined date and time, start and end range inputs, an inline calendar and a mobile bottom sheet.

Day cells are one component with eight states (default, hover, today, selected, range start, in range, range end and disabled), so showing any custom range takes a few property changes. Booking, reporting and travel interfaces get the most from it, and every picker has light and dark versions.

What's inside

  • 32 components including range, month and year pickers
  • Two-month range picker with a presets sidebar
  • Day cell with 8 states, including range start and end
  • Combined date and time picker
  • Mobile bottom-sheet picker and light and dark themes

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”.