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.

Filter by
Sorted by
Tagged with
44
votes
3answers
4k views

What is the least ambiguous way to select a date range?

We are building an internal tool to apply for and track leave. We have discovered that choosing what days to take off can be ambiguous. We've thought of two different ways to ask for a set number of ...
35
votes
6answers
5k views

Should date pickers for meetings offer the ability to schedule a meeting for 0 minutes?

For example: The End time picker in outlook and google calendar allow to schedule a meeting/event for 0 minutes. Is this a real use case? Why would anyone schedule something for 0 mins? Does anyone ...
16
votes
5answers
4k views

Date wheel picker - better or worse than a drop down date grid?

I have always been really dissatisfied with picking a date using the typical dropdown date grid. They force me to squint and concentrate. The purpose of the date picker I have currently is to pick a ...
12
votes
8answers
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, ...
11
votes
7answers
4k views

How to design a good one-line date picker?

I'm designing a website on which a user has to pick a date, which is today by default. The content of the site will be based on the chosen date. 90% of the time, the date will be chosen between today ...
11
votes
3answers
3k views

2x Datepicker vs 1x Datepicker + Range select

I'm trying to figure out what would be the fastest and most convenient way to select a departure date and return date for a flight searching form. The standard for the travel industry is to have one ...
7
votes
8answers
3k views

Should I ask the user to enter their age or their birthday?

I am making a health and fitness app and I want to know the age of the user using the app. What will be the best way to go about this? Currently I am debating between using a slider to select the ...
6
votes
4answers
6k views

Best way for date field for visually impaired users

What is the best way for blind users to fill in a date field? The date field is used for dates within the next 3 months. Single texfield: A single textfield with a 'date' text-label and with a ...
5
votes
1answer
1k views

Date picker whereas day doesn't matter

The main goal is to the user be select dates or a range of dates in a table. The day doesn't really matter much, while the year and the month does because it's the time between the analysis of the ...
5
votes
3answers
778 views

Good UX/UI for scheduled reports sliding time window

You know how in many analytical tools one can schedule a report of a certain kind to be delivered every X days (or similar)? What are good UIs for setting what's the date range that the report is ...
4
votes
4answers
390 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 ...
4
votes
4answers
2k views

Date input: with or without “calendar button”?

Nowadays I'm working with Primefaces and I have to choose between two date input controls from here: Popup vs button. The difference: When clicking on the "Popup" text input, you are able to type ...
4
votes
5answers
1k views

How should user unselect a date from a calender?

I am using jQueryUI's datapicker modified with the ability to select the time (http://trentrichardson.com/examples/timepicker/#basic_examples). Instead of having an input for the date, I wish make it ...
4
votes
1answer
167 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 ...
4
votes
1answer
716 views

Android Time span picker

I am designing an app that requires the user to pick a time (e.g. 3 PM) an additional value, representing a time gap (in minutes) before and after the selected time. For example if the user has ...
3
votes
3answers
169 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, ...
3
votes
2answers
229 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 ...
3
votes
2answers
516 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 ...
3
votes
4answers
1k views

Date Selection UX for “Year”,“Month” or “Date” Options on Web

I have to allow user select date range in form of year, Month/year or Day/Month/Year. I found some plugins which needs to set the format to yyyy or mm/yyyy or dd/mm/yyyy to make this range selections ...
3
votes
4answers
2k 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)...
3
votes
4answers
1k views

Dead-simple way to let a user select multiple time ranges

I've been brainstorming about this problem for over a week now and cannot come up with a sensible way to do it. Basically, I am building a component the purpose which is to let a user select a series ...
3
votes
2answers
1k views

Date/Time Picker for Small Ranges

I have an application where a user will need to pick a date and time within a very small range, with precision down to the minute. Generally what happens is that a biometric device is given to a ...
3
votes
2answers
373 views

Reverting selected dates in the date-picker?

I am currently working on the BI app with data reports (that are tied to financial year), and to set up a report, users have to select the time range for the desired data. The question is, when users ...
3
votes
5answers
936 views

Date Picker Wheels - When to validate?

This is a fairly simple question but may have wider-reaching answers: when is it appropriate to validate entry in a wheel-based date picker (such as the iOS standard ones)? Since there are three ...
3
votes
2answers
1k views

Complex date-time period picker

I know that this is a recurring question here. But I still couldn't find a good solution. I have a web site, that needs time period as input. The period includes dates and hours. But the hours are a ...
3
votes
2answers
602 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 ...
3
votes
1answer
2k views

What is the best way to design a date/time picker that requires an input for minutes and seconds?

I’m working on a Date/Time picker that I’d to get feedback on. See my 2 ideas below. This design is based off of Google Cal. (I know Google throws a lot of $$$ at UX so I figured this would be a good ...
2
votes
4answers
2k 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 ...
2
votes
3answers
1k views

Which date picker is better?

In my opinion this traditional dropdown menu date picker is easier to use: than this calendar-type, which is more prevalent these days: Reason is, if I want to enter a birth date or a date that is ...
2
votes
5answers
730 views

Reminder/Alarm time picker - default time?

Given a simple time picker to be used on a mobile app where you set times for reminders and alarms what should you have the default time as when a user opens the time picker up. Take this as an ...
2
votes
1answer
113 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 ...
2
votes
1answer
2k 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), ...
2
votes
2answers
460 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 ...
2
votes
1answer
136 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
2answers
246 views

Best way to display reverse chronological date range selector

I have a tool that will display photos in reverse chronological order (latest photo first back to the oldest photo) The tool has the option to set a date range and this will display the photo in ...
2
votes
1answer
163 views

Recommended practice when having to use “from-to-date” in a mobile application

I'm working on this mobile application that should display a lightweight report. However, I've ended up in an interesting discussion with my colleauges, and thought I'd seek some advice. Our ...
2
votes
2answers
107 views

How to avoid datepicker to ensure keyboard flow and still maintaining consistency across the app?

There are some features in my app which have high frequency of usage and the task involving those features are expected to be completed very fast. These features involve kind of serial data entry ...
2
votes
2answers
245 views

How to improve a standard time-picking UX?

As part of a Sleep Tracking mobile app, I’m going to display users a summarized report which will include data about their Bed Time and Wake Up Time, according to my app’s estimations. I’d like to ...
2
votes
1answer
103 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> ...
2
votes
2answers
97 views

Custom (and multiple) components are better or worse than native ones?

We have the case of two components for date and timeslot (hour and minutes in quarters of :00/:15/:30/:45). Here is how it looks like if someone uses a single component for each and uses the native ...
2
votes
1answer
57 views

Form with service and lunch times

Consider a form with service time and lunch time information. And the user can customize the settings for day of the week. I have two alternatives: A form for each day of week A form with all days ...
2
votes
2answers
96 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 ...
1
vote
4answers
1k views

Datepicker behavior

Whats the best behavior for a datepicker? Close the control when clicking on a date Close the control when clicking anywhere but the datepicker, but keep it open when selecting a date Windows ...
1
vote
6answers
1k 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: ...
1
vote
3answers
1k views

How display multiple date fields inside a form?

I am developing a web application for a soccer Association. One requirement is the possibility to enter and modify registration periods, that is the time ranges (2 per year) where the association can ...
1
vote
2answers
82 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 ...
1
vote
3answers
192 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 ...
1
vote
1answer
204 views

Interactive calendar/date picker with sparsely selectable dates?

So basically the problem is that I have a rather long (4000+) list of dates going back about 30 years, of dates for which a user can select data from that specific date. Its somewhat sparsely ...
1
vote
2answers
196 views

High Usability for Parental Time Control?

This Screen Represents "Parental Control - Time restricting- in iOS. It includes: Days selection (Side-tabs). Times Vertical Columns (To select times to restrict the children from playing at this ...
1
vote
1answer
521 views

Schedule - Time range selector with some time options

I need to create a scheduling selector, but the user can't select ALL available times, but only the ones provided by the system's algorithm. Something like when you call your dentist and the attendee ...