Questions tagged [datetimepicker]
A Datetimepicker is user interface widgets that allow the user to choose a date, a time, or a date and time for an input field.
95 questions
1
vote
1
answer
153
views
How can I improve the UX of the following time picker. This should allow the users to set their weekly availability
Availability is Set
Availability is Not Set
I am looking to improve the UI and UX of the following page where users can set their weekly availability for a meeting. I have attached 2 screenshots, ...
- 113
0
votes
1
answer
69
views
What are the reasons to choose different types of time picker (for range)?
I want to use a time picker for desktop only. It's not for mobile.
A few options I have are:
A. use 2 dropdowns with format HH:MM for start and end time with 30 minute slots
B. use 2 time pickers from ...
- 1,138
1
vote
6
answers
588
views
Calendar displaying 2 months but user has to select only 1 day
I'm designing a desktop form where users have to select 1 day from a calendar. It's a reservation process for restaurants.
I've been suggested to use an existing calendar component that shows 2 months ...
- 381
2
votes
1
answer
3k
views
Which date separator would you say is best for numeric dates? Slashes (/), hyphens (-) or dots (.)?
All numeric dates can be separated with slashes (/), hyphens (-) or dots (.). Which of these would you say is best to use for writing dates as well as displays on your product?
Slashes (2023/01/11)
...
- 21
2
votes
1
answer
147
views
Unusual time picker
I'm puzzled by the following time picker:
Proposing only the even hours is fine, but then why bother to propose minutes as well? It's strange to let the user choose 10.05 but not 11:00.
If that ...
- 121
1
vote
1
answer
53
views
Ask user for difference between system time and current time, zone agnostic
I need advice how an app should ask the user if the time value that I get from the user's system is correct and, if not, how many seconds I am behind or ahead of the correct time.
For a time-sensitive ...
- 23
1
vote
3
answers
526
views
Should users choose the "from" or the "to" when selecting past dates in the date picker?
I'm designing a date picker that allows users to select a date range from the past to retrieve past records.
In travel or booking date selectors, when selecting a future date range, the first date to ...
- 10.8k
3
votes
1
answer
822
views
Is it a good practise to load contents outside of modal?
There is a dropdown and date-picker inside a modal and the size of the modal is small, so when we click on the date-picker the widget is overflowing the modal. Is this a good practise?
or should we ...
- 1,052
2
votes
2
answers
181
views
What is the best route to select a time?
Firstly, apologies if this has been asked, I did a search and couldn't see anything so here goes.
I have 2 routes I have identified to select an appointment slot to book in with a health practitioner. ...
- 2,684
0
votes
1
answer
236
views
Multiple time and day input (web)
I am currently working on a web app that requires the HR of a company to input the reporting days and time of all the employees into the system.
The system requires the following information:
Work ...
2
votes
1
answer
468
views
User Interface to enter date periods like "Every 2nd sunday"
I am working on a project where users can schedule custom notifications. It should be possible to specify the period for each notification quite freely:
Every 2nd Sunday
1st Monday each month
Every ...
- 121
0
votes
1
answer
213
views
Duration field that accepts a number of weeks and days
I have a duration field that looks like this. The user can set a time in HH:mm
However, in some cases the user might have to set a duration in weeks/days. This is the current design I have:
The ...
- 133
1
vote
2
answers
51
views
Time field that can be used as both a Duration Field and a Start Time Field
I'm making a recipe app.
When adding an ingredient, I need a field that can be used to specify the time that the ingredient must be added, OR the duration it must cook.
For example, I can add onions ...
- 133
1
vote
1
answer
481
views
What are the benefits of a combined date and time picker?
I am wondering what are the benefits of using a combined date+time picker if user still needs to input them as 2 separate entities, e.g.:
Wouldn't a combined picker require more cognitive effort ...
1
vote
3
answers
136
views
Time picker with blacklisted times
What would be a good design on an app for a time picker, incremented by 30 min with some blacklisted times?
So for ex. 9:00am, 9:30am, 10:30am 12pm, 12:30pm etc.
checked all over for inspiration, but ...
- 901
0
votes
1
answer
387
views
Implementing 24-hour selector
I'm implementing a datetime selector for events taking place mostly in the evening. The audience is mostly based in the US, but there might be international users as well, so I followed this ...
- 469
0
votes
1
answer
140
views
Button Group for filtering time range with no default value selected
I'm working on a Timeline component at the moment, and by default, this timeline would show the activities/events for the day.
Users can select predefined time ranges such as the day, week, month, ...
- 3,651
1
vote
2
answers
250
views
iOS app. Looking for Weeks picker!
I'm working on iOS app for medical doctors that lets them find a job.
Doctors work part time and could change several hospitals for a year. Hospitals hire them when they need a specific practitioner....
- 11
0
votes
1
answer
323
views
Standard to let user select duration for hours and minutes
I'm working on an app and I need to find a solution that lets users select a time duration for hours and minutes. (Example Form: "How long will you need to archive this?" Selection by user: 2 hours | ...
- 103
3
votes
1
answer
2k
views
Native date pickers VS Custom date pickers
What is the best practice use case for (calendar) date pickers? Native or custom?
Native looks great on iOS and Android devices, however when we look at non-mobile calendar pickers the browsers vary ...
- 494
1
vote
2
answers
519
views
Date Presets in Date Picker from Yesterday (Not from Today)
We need to add some date presets in our date picker, but our lookback window starts yesterday (we don't have data for "today").
The current options are:
So we need to remove "Today" as it's not an ...
- 21
-1
votes
1
answer
70
views
Missing pickers in specification? [closed]
I am trying to find a specification for date/time pickers in Material Design.
Has date/time pickers been removed from the Material Design specification?
I can't seem to find it, multiple ...
- 3
1
vote
2
answers
340
views
Setting a time interval for an automatic message
I have a form where a user needs to set how often and at what time a certain report is send from the system. The report is created and sent automatically. In the current system the form looks like ...
- 567
4
votes
4
answers
7k
views
Best practice for selecting a recurring event?
I need to allow users to set the frequency with which they would like for a certain task to occur (example- every X days/week/month/year). So far, what I've come up with is an input box and a drop ...
- 493
3
votes
3
answers
429
views
Date or Time From/To
I have a filter that allows the user to specify a date/time from/to within one field. The field has a popup calendar that enables date selection and right below the calendar, still in the same pop up, ...
- 177
0
votes
1
answer
535
views
Start time and end time relating to the start of an event and end of an event
I'm trying to figure out what the best design format will be for an event selection tool.
Issue: The start time is strictly related to the start date of the event (Example, July 30th, 2018 at 3:00pm)...
0
votes
1
answer
90
views
Datepickers in mobile app - Is OK required?
I'm going to design a datepicker popup (for a single date). It is going to be like typical calendars, appearing in a box, grouping weeks in rows. Lowest offers are going to be displayed under each day....
- 101
1
vote
1
answer
116
views
Time Window Selection Component - For Data in "Bins"
Currently I have been asked to help someone create a component/popup that appears above a table that can allow users to select a time window (the terminology used here is "bin") that will then update ...
- 11
12
votes
8
answers
4k
views
UX pattern for two people to agree a date/time
Background: Freegle allows people to give away things they don't need to other people nearby. Part of this involves agreeing a date/time for collection. People do this by messaging back and forth, ...
- 123
3
votes
1
answer
381
views
Showing (binary) availability on date picker
I'm working on a system which uses a date picker to reserve a date in the system. The specs are:
Dates have two states: Available for booking, or not available.
You can only book one date at a time.
...
2
votes
2
answers
147
views
Swichable date selectors
I am creating a planner for my reporting system, the scheduling part consists of 3 parts
The Execution plan. How often the report will be generated (hourly, 2 hours, daily etc)
Start date. When the ...
- 305
3
votes
6
answers
4k
views
Best design for time range filter?
As part of a filter panel (mobile app only), users should be able to filter on a time range for when their will be food available for them to pick up.
What is a better option for the time pickers:
...
- 61
1
vote
2
answers
1k
views
How should I format my Date field Helper Text?
We are adding helper text to our date fields so the user knows whether to type month or day first.
The date field will be forgiving and smart. So it will allow users to type in dates in many ...
- 543
1
vote
1
answer
244
views
Auto Formatting Date Entry that has formatted helper text
We are looking to improve our date pickers so that a user can type in single digits for the months and days as well as 2 digits for the year. Overall we are just going to be putting logic in so power ...
- 543
4
votes
2
answers
969
views
Time zones - How to offer date filter for data linked to different time zones?
Scenario
We have a table with information of many devices located across different time zones. The user is able to filter the data with a date filter. The data is linked to the local device time.
The ...
- 208
4
votes
1
answer
329
views
How to deal with inconsistent time and date filter across tables?
Context
Users should be able to filter tables with device information such as number of issues and number of products by time period. The filter allows users to enter a date and time manually (on ...
- 208
1
vote
2
answers
350
views
Date range terminology [closed]
I'm putting together canned date range options for a date range picker in an analytics app. I see commonly ranges like Last 30 Days and Last Month - the difference in including current time period or ...
- 63
3
votes
1
answer
5k
views
Should I use the native HTML5 date picker when available?
My application is using the Material UI style, and I need to provide a date picker to the users.
I have two options:
Use the native date picker when the browser supports it (e.g. on Edge, Chrome), ...
- 131
1
vote
0
answers
84
views
dd/mm/yyyy date format: Is this weird / unnatural for Americans? [duplicate]
The month first format. Do you, as an American, find this unnatural?
And: If you were in a hurry, would you start typing the month first (as this is most natural for you)?
Edit: This question ...
0
votes
1
answer
458
views
How to reset a datepicker search?
I'm facing a difficult call on how to correctly implement a datepicker search on a native mobile App. The library which I want to use doesn't have any reset functionality. For now, I have multiple ...
- 153
2
votes
1
answer
221
views
How to label filters that filter on overlapping date ranges
I am looking for the appropropriate labeling for filters that search an event that is active within the provided date range.
Filters:
Ends after <date input>
Starts before <date input>
...
- 344
4
votes
4
answers
2k
views
What to do when the user selects an End date less than the Start date of an Event
Here is how a few todo apps on iOS handle an End date less than the Start date of an Event:
Apple calendar app crosses the end date to mark it as invalid:
Red End date in Google calendar
Red Start ...
- 141
2
votes
3
answers
445
views
Display non-consecutive months in a calendar
I'm working on a mobile-first interface where users will be able to choose a range of dates. Most users will want to use date ranges occurring in the near future. However, there are users who will ...
- 467
4
votes
4
answers
4k
views
Should datepickers be inclusive or exclusive?
Does the chosen end date stop at 0:00 (exclusive) or 23:59:59 (inclusive)?
I have been changing datepickers in my company's codebase to be inclusive (assuming it was just a UX oversight by other devs)...
- 659
5
votes
4
answers
5k
views
Default Date for Birthdate
When the date of birth is asked to the user, with a Date Picker on mobile, what should be the default date to show on Date Picker? Current date makes no sense to me as it is probably too far from the ...
- 53
0
votes
2
answers
921
views
Date Time Picker Validation
In a form, the user is required to choose date and time in a picker, thereafter choose other fields and hit 'Done'.
I have a datetime picker that displays a date and time by default. Moreover, the ...
3
votes
2
answers
1k
views
Responsive Date & Time Picker
I am developing a very simple web app where, apart from other functions a user will see date and time in a small widget like so:
A user is also allowed to change the time and date. I looked at lots ...
- 133
2
votes
2
answers
746
views
Chart date/time range selector
I have a chart tool (desktop application) where I need to put a date/time range option, but I'm not sure the best way to fit it inside my current design (using google material design). Here is a ...
- 123
6
votes
2
answers
2k
views
Entering a relative date range (in a report writer)
Our company's B2B web app includes a simple report writer where advanced users can save simple reports that other users can run. Currently, every report includes a date range that users must fill in ...
- 1,863
0
votes
1
answer
107
views
What would be an optimal control to use in order to collect an expiry date for a card (not credit) on iOS (iPad)
I need to ask a user to fill in the expiry date for a card. The default spinners on iOS for a date picker doesn't provide a simple month/year option and the pods I've found are terrible. I would ...
- 101