6 votes
Accepted

Native date pickers VS Custom date pickers

Native controls usually provide a better user experience (more familiar to the user, better platform specific feature support, etc.), but as you noted that varies across platforms. A few things to ...
Barnyard's user avatar
  • 614
5 votes

What's the most appropriate default year for a datepicker?

The most appropriate answer is "it depends", I reckon. First of all, I'd say there isn't one most appropriate date for the events like graduation (which can be anywhere between this year and past ...
Mike's user avatar
  • 3,125
3 votes

Is a double modal pop up a concern?

Calum, I see two challenges with nested modals: Users may lose track of where they are, and Backtracking through multiple modals is tedious. I've seen quite a few designs that go two, maybe three, ...
JochenW's user avatar
  • 849
2 votes

Date picker: distinguish between today and the selected date

IMO, nothing is more clear than writing "Today".
Raviteja Govindaraju's user avatar
2 votes

What's the most appropriate default year for a datepicker?

Put the current date as the default in the date picker as it is not going to increase the cognitive load and based on the recognition, the user can navigate to any point.
Sanshizm's user avatar
  • 1,267
2 votes

Best UI for picking a birthday?

NN's suggestion of splitting up the month and date looks like the proper way to do it. Open text fields are prone to so much error, the root cause of all bad data. With open text fields, one needs all ...
Ren's user avatar
  • 3,196
2 votes

Datepickers in mobile app - Is OK required?

This might be a bit philosophical. People that don't make many mistakes may hate it because it slows them down, but error-prone folks may appreciate it. Here's how to decide: would a mistake have (...
GB11111's user avatar
  • 149
2 votes

Selecting non-working days/holidays in settings - what would be the best approach?

If the choice is between the two approaches only I would go for the first one. You say, that the users are experienced users (admins) who will use the tool over and over again. What I would recommend ...
BrunoH's user avatar
  • 3,425
2 votes

Time field that can be used as both a Duration Field and a Start Time Field

Toggle switches are for on/off states, they're not really for Option A / Option B selection (though toggle buttons could be used for this). In your example, one of the tasks is about the onions ("...
Izquierdo's user avatar
  • 12.5k
1 vote

Date field DD/MM/YYYY entering only 4 digits

I would say it depends on what you can make happen with the team and the budget you have, taking into account the following priority: 1. The field should not auto-complete invalid values From Jakob ...
Andy's user avatar
  • 519
1 vote

Which date separator would you say is best for numeric dates? Slashes (/), hyphens (-) or dots (.)?

Most platforms provide support for regional date/time/number formats. Date formats vary based on the language and cultural norms. A user on a system can usually choose alternative representation based ...
DBinette's user avatar
1 vote

Date range and predefined values, tips for userfriendly and productivity

If the app uses keyboard, I'd consider a text field (a single line text editing element) where user can type using natural language. The field should only allow to type the predefined strings such as ...
Valera Grishin's user avatar
1 vote

Prevent date input after certain value - revert to last date or leave the "wrong" date

Be clear about the application rules. Try to prevent the error in the first place. You have a few ways to be clearer, so whichever interaction they choose, they understand what's acceptable: Labels ...
Mike M's user avatar
  • 24.6k
1 vote

Time field that can be used as both a Duration Field and a Start Time Field

If you don't want to mess up the design you have already made, a good option is to add reference icons, in this case time icons (available for free at fontawesome.com): Clock or Stopwatch: the time ...
Danielillo's user avatar
  • 18.9k
1 vote

Date Range Filter Standard

There can be some more approaches apart from the ones shown in the question. For e.g. the user should be shown a calendar indicator if they can pick from a calendar next to the input box. A detailed ...
harshikerfuffle's user avatar
1 vote

Should date inputs allow selecting a date in the past?

From what you've described, it doesn't sound like there's much point to selecting a start date that is before the current data, as it'll result in the same effect as not selecting a start date at all. ...
Neil Merton's user avatar
1 vote

Is a double modal pop up a concern?

I am writing this opinion considering you are only talking about mobile. For mobile, if your modal popup covers complete screen then it would be a new screen for user. So the interaction would look ...
Omkar Chogale's user avatar
1 vote

Is a double modal pop up a concern?

Yes, this isn't good practise. It's depends of type system (for example IOS or Android have other design & implementation for time features) If PWA: Important to use generic data selector, which ...
Piotr Żak's user avatar
  • 1,466
1 vote

What is a good example to set a task that is due on specific event date?

It looks like it's best to start with a milestone as a starting point. A workflow, might be the following: Picking a milestone screen. On the next screen, the date of selected milestone should be ...
Deleted's user avatar
  • 893
1 vote

Date Presets in Date Picker from Yesterday (Not from Today)

My answer would be this, explain it in the title, then you don't have to muddy each description. The title text could be slightly different - but you get the meaning.
DarrylGodden's user avatar
  • 6,306
1 vote
Accepted

Missing pickers in specification?

You can check the archives page for an older version of the specification: https://material.io/archive/guidelines/components/pickers.html#pickers-date-pickers Date/Time pickers do not seem to be in ...
Aline's user avatar
  • 1,904
1 vote

Date dropdown vs calendar (users are employees)

Here are my thoughts. Drop-down: Terrible option almost every time and especially in this case. People do not think about dates as a list, calendar idiom is ingrained in our brains and designers can ...
Jurijs Kovzels's user avatar
1 vote

What's the most appropriate default year for a datepicker?

You could also simply leave the placeholder to be "Choose a date..." if it's a required field, or "Anytime" if it's not a required field. Alternatively, if the date picker shows the date after ...
Greg Wolff's user avatar
1 vote

Why isn't <input type="date"> used more often?

There hasn't been widespread browser support for long enough. There is still no support in IE or Safari, and only recent support in Firefox. I'm speculating now, but based on past experiences it may ...
Jacob Raihle's user avatar
1 vote

Why isn't <input type="date"> used more often?

I would imagine it's mainly down to lack of consistent support across browsers, mainly Firefox and IE11 (which doesn't work at all). That coupled with the fact you are unable to style it in any useful ...
0NLY777's user avatar
  • 141
1 vote

Date picker: distinguish between today and the selected date

I don't have any hard research as to what works best, but Google Analytics uses the same shape, but gives an outline for today. You'll see clear contrast. Nevermind the date range label above: I just ...
Mike M's user avatar
  • 24.6k
1 vote

Date picker: distinguish between today and the selected date

Seems a fairly simple issue, you could go with icons or text or both, as long as the meaning is clear. Ignore the blue 'today' that's Balsamiq's and I'm not sure how to get rid of it. Updated from ...
DarrylGodden's user avatar
  • 6,306
1 vote

Mobile design - price range pick

If clicking on the center number in the price field(and on the due field as well) allows the user to type in the number manually, then you're good. You could also consider the vertical wheel view/...
Shreyas Tripathy's user avatar
1 vote

How to order years in select box

Forget my comment above, bin it and go with the user typing the year on a numeric pad for mobile, no onscreen required for desktop, obviously. Drop-downs for super lengthy items are a poor user ...
DarrylGodden's user avatar
  • 6,306
1 vote

How to order years in select box

Putting myself in the user's shoes, I would advise that the current year would be highlighted, where to go up would show years in advance, while scrolling down would be years that have past. This way,...
sjsteve's user avatar
  • 387

Only top scored, non community-wiki answers of a minimum length are eligible