piefed.zeromedia.vipOverbearing datetime pickers
submitted by
Just let me type in a year, damnit! I’m not in the mood to click your little arrow button 200 times
Just let me type in a year, damnit! I’m not in the mood to click your little arrow button 200 times
From the team that brought you the year of birth dropdown.
And they always include the newest year, just in case a 5-week-old is using the website.
Sometimes I do select the latest year, just for fun.
Client must not have read the part of the contract that said the developer would get paid on a per-interaction basis.
I know exactly what date UI you are talking about and it’s a firm agree. Whoever decided that a date UI needed to have the inability to select a year without hitting back 3 times, then ontop of that decided to make it so it undid your month and day selection when you did so, did the world a massive disfavor designing it.
What is wrong with the simple type="datetime-local” or type="date” UI’s that every mainstream browser has native. It’s 3 clicks, you can specify the year at the top, and then month & date in the main body. Why even introduce layers to it. Have everything on the same layer.
The problem with that is that it doesn’t exist.
Nitpicking aside, the problem with native browser widgets, in my opinion, are:
or mark dates ineligible for selection (e.g., future dates)Widgets where you need to click 3 times for a simple selection, as you mentioned, have one of two origin stories:
can you elaborate on type="datetime-local” not existing? It’s been supported in almost every mainstream browser since basically 2012. The last mainstream to adopt it was Safari in 2021. There is argument that FF didn’t have proper support till 2021 as well but, that’s because it was lacking the “time” part of the element. So they modified how it worked for awhile to work like the type="date” element, that has since been resolved.
being said, I do agree with you on a lot of those. it would be nice to have some form of UI validation. That is one of it’s flaws that could be expanded on. a disabled dates or invalid days tag on the input would be a lot easier (like allowedDays being a comma separated list of daynames or numbers like how the time standard is), but also add a lot of complexity to it for something that should be being validated via scripts both server and client side. Not all browsers have the clear button as well which is a problem because it’s an extra step when you do make a mistake on it. They do offer a valid range tag though to allocate valid ranges for dates, but it’s so primitive that for a scheduler it can’t really be used unless its on a week by week basis
Oh goddamn, I hate web standards sometimes.
There used to be a proposal for datetime-local, but it was dropped, even though some browsers already supported it. That’s what I meant.
However, some years later the W3C added it to the standard again.
More info: https://webmasters.stackexchange.com/a/59541 https://stackoverflow.com/a/22654498/
Thank you for expanding on it. That was a pretty interesting read, gotta love indecisiveness in your standards
I just pick whatever this year - 20 is.
It’s usually enough to stop services from nagging me again.
So 1993?
Close enough
Who doesn’t enjoy spam clicking to their birth year one month at a time?
You can usually type out the year and it scrolls within the selection box to the number. 🤷♂️
The one I hate the most is when it opens your calendar app and you have to visually select the month and day, with the year being a tiny little option at the very top and you don’t have a selection box, just arrows to go back or forward 1 year at a time. This is the stupidest, slowest method.