Loading video...

Video Failed to Load

Go Home

Stop designing UI Date Pickers from the 90s

243,580 views • 1 year ago •via X (Twitter)

11 Comments

Zander Whitehurst's profile picture
Zander Whitehurst1 year ago

Find this valuable? Join 20k+ designers & teams upskilling daily on Memorisely ❤️

UserInterface's profile picture
UserInterface7 years ago

The UIX Network is Live! Business & Social Networking 2.0. All the tools you need to get your $ right. By Us For Us. -It's for the people. #getoncode pls rt

farz's profile picture
farz1 year ago

The developer sizing this ticket as a MEGA and getting grilled at sprint planning 😂

James's profile picture
James1 year ago

I prefer my date pickers allow me to pick the 7th of the month, but that's just me

Spukhafte Fernwirkung's profile picture
Spukhafte Fernwirkung1 year ago

The best datepicker for many use cases is a text field with auto formatting. People can type in their DoB in half a second, but will need many times more to pick it.

Stéphanie Bazin's profile picture
Stéphanie Bazin1 year ago

tiny reminder to always think of context of use when creating a UI component: for example, this date picker is clearly well suited for a travel booking system. It won't work as well for, let's say, a historical search by date.

SoCuul's profile picture
SoCuul1 year ago

This is genuinely one of the most visually cluttered, unintuitive date pickers I have ever seen.

Lewis Knell's profile picture
Lewis Knell1 year ago

I couldn't stop looking at the 7 missing and being two 8's 😅

Sparkˎˊ Design's profile picture
Sparkˎˊ Design1 year ago

Having the year placement so low feels a bit strange to me, and add a cognitive load, idk

Aarni's profile picture
Aarni1 year ago

First step probably should be to fix the bug that makes 7th of January 2025 not exist...

Cornelis van der Bent's profile picture
Cornelis van der Bent1 year ago

I'd improve this by: - Including the final day in that length-of-stay. Don't have two representations for a date range. - Making space between date and price smaller. Stronger show they belong together. - Add prices to the selected bar. Visually more consistent.

Related Videos