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.
98 questions
1
vote
2
answers
83
views
Datetime picker design for picking hours only
I am creating a date-time picker in which you'll be able to select a date, or a range of dates, or a date + time, or a range of date + time, or time, or range of time. The date picking is already done,...
0
votes
2
answers
152
views
Suitable layout or UX of an option offering specific date-time or a less specific 'how long ago'
I need a suitable layout for a specific date-time entry or an alternative 'how many hours ago' option (as a binary-choice, but mandatory field).
For context, this relates to a health system where it's ...
3
votes
5
answers
256
views
Show 'overflow dates' on date picker or hide them?
Some datepicker libraries show dates from other months surrounding them. Others don't show those dates. I can't seem to find any theory online that explains which approach is better.
An example with '...
1
vote
1
answer
219
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, ...
0
votes
1
answer
96
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
vote
6
answers
855
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 ...
2
votes
1
answer
4k
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)
...
2
votes
1
answer
173
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 ...
1
vote
1
answer
84
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 ...
1
vote
3
answers
707
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 ...
3
votes
1
answer
883
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 ...
2
votes
2
answers
214
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. ...
0
votes
1
answer
333
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
585
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 ...
0
votes
1
answer
263
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 ...