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.
76
questions
2
votes
1answer
71 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 ...
0
votes
2answers
44 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 ...
-1
votes
1answer
56 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 ...
1
vote
2answers
66 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 ...
0
votes
4answers
426 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 ...
3
votes
3answers
149 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, ...
0
votes
1answer
75 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
1answer
76 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....
1
vote
1answer
33 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 ...
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, ...
2
votes
1answer
122 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
95 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
6answers
955 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
2answers
306 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 ...
1
vote
1answer
144 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 ...
3
votes
2answers
199 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 ...
4
votes
1answer
157 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 ...
1
vote
2answers
162 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 ...
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), ...
1
vote
0answers
80 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
1answer
105 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 ...
2
votes
1answer
95 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>
...
4
votes
4answers
327 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 ...
1
vote
3answers
172 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 ...
3
votes
4answers
1k 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)...
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 ...
0
votes
2answers
444 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
2answers
579 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 ...
2
votes
2answers
447 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 ...
3
votes
2answers
443 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 ...
0
votes
1answer
83 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 ...
2
votes
2answers
231 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 ...
1
vote
3answers
492 views
How to design a good date picker for historical data?
The user can pick a date range (0-30 days) and be able to drag it or move it across a 2 years
We can only show historical data from 5 days ago or older
11
votes
7answers
3k 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 ...
1
vote
1answer
188 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
1answer
59 views
Most efficient way to ask users for days of the week and start/end time for each day?
I have a situation wherein I need to ask users on what day of the week an activity takes place. It can take place anywhere from 1-7 days, but for each day the user "activates", there must be a start ...
1
vote
1answer
235 views
Are there any UX problems with date pickers?
I’m adding a date picker for delivery date selection on a website. I recall developers mentioning that there are issues with date pickers.
Is there anything inherently wrong with date pickers UX-wise?...
0
votes
1answer
271 views
Scheduling time-slot over a number of days
I thought this would be simple UI task; the user can select an off-peak time for software updates to occur on their devices. This is for a IoT software deployment which may reboot the devices out in ...
2
votes
5answers
695 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 ...
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 ...
4
votes
1answer
696 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 ...
0
votes
1answer
194 views
Gaceful alternate to consistency in date entry
I am using a html5 native datepicker which does almost everything what I need, which includes
Assisted keyboard operability (it jumps from month to date to year without having user enter the ...
2
votes
2answers
97 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
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
2answers
236 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
56 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 ...
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 ...
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 ...
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 ...
5
votes
3answers
745 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 ...
