10 ms·
The date picker is pretty impressive. Well done. https://jetbrains.github.io/ring-ui/master/index.html?path=/story/components-date-picker--clearable https://je
by dglass 4y ago
The date picker is pretty impressive. Well done.
https://jetbrains.github.io/ring-ui/master/index.html?path=/story/components-date-picker--clearable https://jetbrains.github.io/ring-ui/master/index.html?path=/...
- hooverd 4y agoPlease, just let me type dates.
- throwaway0x7E6 4y agothis. please.
- anderber 4y agoYou can, just try clicking on it and typing: "feb 22 1985"
- hakfoo 4y agoWe tend to go dogmatic on date pickers. Gotta use them everywhere someone asks for a date. That's the problem right there. It's like the classic "text field versus dropdown for state abbreviation." There are a lot of dates people prompt for that the user KNOWS and can type faster than they select. The obvious one being "enter birthdate" as part of account creation processes. The "comprehensive" date pickers with mini calendars and things are more usable, IMO, when you're interested in a relative date. What you really want is "next Tuesday" and you need the mini-calendar to convert that to "2022-10-11". Maybe they can be bypassed by figuring out purpose-built specific solutions to the prompt. Appointment scheduling, for example, might be better suited by showing a list of available slots rather than prompting for an arbitrary date.
- LeonenTheDK 4y agoWow, that's gotta be the nicest looking and most functional date picker I've ever seen. Date pickers are normally so hit or miss imo but this one is a hit out of the park.
- dev_snd 4y agoLooks great in theory, but does not work on Android Firefox unfortunately.
- yesimahuman 4y agoIf you want mobile-enabled components like this Ionic has many. Here’s the datetime: https://ionicframework.com/docs/api/datetime https://ionicframework.com/docs/api/datetime
- joshstrange 4y agoIonic's is probably one of the best date+time combo (other examples are always strong in one and terrible in the other, time being the thing that often gets short shrift) I also quite like Quasar's date picker https://quasar.dev/vue-components/date https://quasar.dev/vue-components/date Though do not even look at their time picker... It's a mess, I roll a custom component for time when I need it.
- q7xvh97o2pDhNrh 4y agoAh, these are all quite nice! So much better than the original iOS one that requires tediously scrolling for ages to input anything interesting. It's good to finally see some innovation in the datepicker space.
- javier2 4y agoDamn that is good. Even with the swipe gesture on mobile. I think we are webscale now
- deleted 4y ago[deleted]
- pmontra 4y agoInterestingly it lets see both the iOS and Material Design versions of the component. iOS has a strange combination of arrows to handle the month: right to expand the months dialog, down to close it. It took me a while to understand that the down arrow would bring me back to the calendar. Why not right and left? Maybe it is how it works on a Mac too. MD and anything else I remember has a down arrow to expand and an up arrow to close.
- craigching 4y agoIt's not bad, but I have grown really fond of Grafana's date/time picker and can whip up a clone of that using React-Bootstrap and React Datepicker (https://reactdatepicker.com https://reactdatepicker.com) in about ten minutes :)
- paxys 4y agoNot being able to go back months or years without pressing the back button 3000 times is the worst possible design for a date picker.
- geekrax 4y agoI am assuming that you're judging the behavior by the minimal example in the top 1% of the site. If you scroll further, you will notice how extensible it is to support not only month and date navigation but many other customizations.
- craigching 4y agoExactly. There are tons of different ways to solve that problem in react-date picker, this being one of them: https://reactdatepicker.com/#example-year-dropdown https://reactdatepicker.com/#example-year-dropdown
- stoplying1 4y agoI also assumed it was limited in such ways. Mostly because it is extraordinarily rare that anyone bothers to enable those. I'd much, much, much rather have a singular, consistent full UX available to me instead of defaulting to some "simple elegant" artificially stunted version.
- matsemann 4y agoA hundred more clicks than JetBrains' one, though.
- madeofpalk 4y ago
- amluto 4y agoExcept that the top bar covers about the top 2/3 of it on mobile safari. This glitch renders essentially the entire site useless. (What’s up with floating top bars? Either just make them be a real part of the page, or move them to the bottom, or, if absolutely necessary, keep them floating and test the heck out of them. Because that floating element that can’t be dismissed will result in a near 100% reduction in your conversion rate all by itself.)
- mey 4y agoThis is true in Firefox and Chrome on Android as well.
- rob74 4y agoI guess this is more desktop-centric than most other browser-based UIs - I mean, JetBrains is mostly developer tools, and most people don't use their phone for programming...
- cercatrova 4y agoStorybook is not supposed to be used on mobile, it's a desktop optimized UI.
- 4y ago
- princevegeta89 4y agoIt's incredible they basically built it with a completely different design in mind. Making use of scrolls/swipes for months and years on the same screen. Impressive.
- l0b0 4y agoYep. Scrolled into the 2100s and back into the 1800s in a few seconds, then decided to figure out which day of the week I was born, which took about three seconds. In most date pickers this would've taken O(year difference * month difference + day of month), here it took something like O(year difference + month difference + day of month).
- sr_impostor_eng 4y agoThis is the first time I see big O notation applied to user experience and it’s genius, I’ll use it in my work from now on
- azinman2 4y agoIt doesn’t scroll on mobile safari.
- elcritch 4y agoIt scrolls on desktop Safari, but it's super "jumpy" as you scroll. Looks like it's jumping back and forth between an old and new positions. Otherwise, the design is really nice. Date pickers are generally pretty "meh".
- ssalka 4y agoI wasn't expecting much, but I got a whole lot. Probably the best date picker I've ever seen
- mekster 4y agoExcept they forgot to think about mobile usability. On Android it just doesn't work like it should.
- kevingadd 4y agoVery stylish, but also randomly resets to 2018 when I mousewheel scroll, which is kind of unfortunate. The fundamental UI design for it is great.
- yyyk 4y agoIt looks nice, but that's it. Usability is pretty bad. e.g. keyboard use completely breaks it on Firefox (didn't test other browsers).
- aka878 4y agoFunny enough, it doesn't work is Desktop Safari.
- mardifoufs 4y agoDoes not work on android chromium either
- harikb 4y agoI tried selecting a particular date. I couldn't. The selection (and the resulting date value in the text column) remained in the previous year. I refreshed the browser and came back, now I can select the date.
- jhhh 4y agoAlmost no contrast on the year. Clicking the year doesn't change the year in (either) textbox but scrolls a different section. Month 'highlighting' overlaps with adjacent months including picking January which highlights both January and December. If you type a text date (which is in a different edit box for some reason) and then click outside the box it won't 'save' the changes because you have to hit enter. If you open up the picker again it will at least remember what you typed before which is now different from the text date above itself. Mousewheel scrolling individual items like months doesn't actually go to the next month it just scrolls the calendar a bit, but sometimes skips around: while scrolling down it went from 11 Aug 2000, 2 Jan 2002, 22 Sep 2000 (I think because in some states my cursor was over an item). What did you like about it?
- Existenceblinks 4y agoIt looks good though took me longer to pick my birth date. I don't care how many days a month in certain year has, or day number is at which day of week. I guess it comes down to each own preference. One thing at a time is more focus.
- bmn__ 4y ago> pretty impressive ??? https://files.catbox.moe/4yykhw.webp https://files.catbox.moe/4yykhw.webp My grandmother can program better than that.
- chuckSu 4y ago