What's the perfect way to present the date of birth entry field or what works best for you?

The one that reads my mind and thinks I'm 22 🚬

just show the calendar and let people select

I always hate DOB fields.
But, if you can make it a single date picker and not a multi input, then it's not so bad.

The first two are going to confuse Americans. The last one is probably the most accessible.

I would go for last one

@junon Yeah i kinda like the last one more however a colleague of mine here says that by forcing the user to switch between the keyboard and the mouse at quick succession may affect UX.

@GiddyNaya
Actually it's easy to do with keyboard as well

The first one is easier to change the format for internationalisation, for example to mm/dd/yyyy for Americans, should allow both pop up calendar selection and just typing the numbers.

@junon @nibor
Fuck that. Most of us would prefer day month year. Just more random shit we have to keep around for the olds.

@theabbie Thanks for the hint nevertheless calendar widget is the current default. I noticed most users ignore the dob field and when i made it required bounce rate skyrocket. After a short survey majority says they find the calendar widget tasky, others say too many clicks to pick a date which prompted the need for change.

@GiddyNaya you can keep both, keep a button which can also be used to select from widget. Also, you can create a custom date picker widget with scrollable picker. There are lots of possibilities and you can simply find some codepen for a convenient custom date picker.

the first one for me personally because it's the fastest to fill in.

I'd say pure test but you're always forced to write it in the iso format

the second one

@GiddyNaya I hate with a passion pop up calendars for dob, that default to today's date! Then I have to click a shit load of times just to select my year of birth!

Single input with a mask.

@GiddyNaya posts like this are what I come to devrant for (that and shitposting).

"I had w problem. I checked x. implemented y. The result was z. Heres why."

yyyy-mm-dd

@GiddyNaya I agree with your users, calendar input is too many clicks and none of them look the same so you can't get used to them. I prefer the second or third one that I can just tab through and input quickly

2nd one.

Or especially the first one if it corrects you automatically. Like if you type a dash it replaced with a slash and pads with zeroes automatically.

jQuery datepicker forever.