Skip to main content

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.

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,...
Bernardo Benini Fantin's user avatar
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 ...
BusinessAnalystBaracus's user avatar
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 '...
Gerlof Leuhof's user avatar
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, ...
Răzvan Puiu's user avatar
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 ...
Spicerjet's user avatar
  • 1,138
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 ...
Danielst's user avatar
  • 381
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) ...
Queen Brina's user avatar
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 ...
Scarabee's user avatar
  • 121
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 ...
baumschubser's user avatar
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 ...
Blue Ocean's user avatar
  • 10.8k
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 ...
uttham's user avatar
  • 1,052
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. ...
SURO's user avatar
  • 2,684
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 ...
Sunnysideuppp's user avatar
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 ...
Andrei Herford's user avatar
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 ...
Simon Tran's user avatar

15 30 50 per page
1
2 3 4 5
7