As of May 31, 2023, we have updated our Code of Conduct.

Questions tagged [calendar]

A visual element that shows dates organised in a structured manner, often to allow selection of a date or chronologically group information.

Filter by
Sorted by
Tagged with
3 votes
1 answer
103 views

How to lead AT users from non-accessible content to an accessible alternative

The Drupal website I'm working on has a traditional grid style calendar. The main view of the calendar is based on the Full Calendar JS library. After testing it with a screen reader I decided it wasn'...
1 vote
6 answers
137 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 ...
0 votes
2 answers
37 views

Edit an existing GCal invite

I have an application that allows the user to send out a GCal invite. Within the page, there is a button that says, "Create GCal invite." For the time being, to keep the scope small, this ...
0 votes
1 answer
119 views

Meeting scheduling - how to declare availability

Imagine you have a website where you can book appointments. A visitor of the website is able to choose his desired time slot. What I would like to discuss here is the other side of the story: the ...
1 vote
3 answers
112 views

Color keys for large data sets?

I have a task to create a day-by-day calendar list within a SaaS platform. The calendar will encompass many different types of events and roles within the software. As part of this calendar, the ...
2 votes
2 answers
3k views

How to display week numbers on a chart's axis

I have time series data visualized on a line chart and want to format the x-axis accordingly. I wonder what format to choose in English if the data is aggregated by week. In German I would use "...
1 vote
1 answer
160 views

Room Booking & Availability Horizontal Scroll

I'm in the process of designing a room booking / availability web application. Some of the application specifics are; there are 30 rooms (across three floors, in the same building) rooms are of ...
2 votes
2 answers
140 views

Best way to discover creating events in calendar application

I have a mobile calendar app First I want to say that my app is not a normal calendar app, because users may sometimes need to add a lot of events at once, not like google calendar where people ...
1 vote
1 answer
262 views

Datepicker: Selection of multiple

I'm designing a web management software that requires users to indicate their work days. These users do not have regular work days and hence we decided to allow them to just pick their work days from ...
1 vote
2 answers
317 views

Date Range Filter Standard

Has anyone encountered Date Range Filtering Standards in any business areas? What is the best practice in Date Range Filtering, V1 or V2? What could be some better options than this?
2 votes
1 answer
187 views

What should I use in a calendar: horizontal scroll or pagination?

I am working on a calendar in the system to be used on a tablet, and have a question: Imagine that you are a store manager and you want to view the calendar (in this case by week) for 2 or more ...
4 votes
2 answers
87 views

Visualizing squashed availability of N-items

I'm trying to squash the availability view of n-items into a single day column in an availability calendar. The use case is for reserving products. We can have n-pieces of any particular product, say ...
5 votes
2 answers
13k views

When does the first week of a given month start?

I wish to display a bar chart showing weekly revenues per month. A week is defined from 12:00 AM Sunday to 11:59 PM Saturday. I want to display full week values (i.e. not just revenues for 7/1 for ...
2 votes
1 answer
71 views

How would you illustrate days progression within a month (elapsed days)?

I am looking for a visual way to display the elapsed and remaining days within a month without displaying a calendar. Basically the purpose of the app is to reach a goal in a month time frame. So ...
3 votes
3 answers
312 views

What dates do date range pickers default to?

I'm working on a photos app that lets you filter photos based on date range. When a user selects the "Date" filter, two calendars appear and from there they are able to pick a (to and from) date range....
1 vote
1 answer
151 views

Overview of daily status for list of items

I'm trying to design an overview UI that helps people understand the daily status for a list of items. Each item is a "job" or automation that runs once on each day. A given day's instance can only ...
1 vote
1 answer
1k views

Availability Calendar UI/UX Approach

I'm currently working on an availability calendar where the users will be able to see the available slots of a tutor that he has previously set. Users can book a lesson by clicking on an available ...
1 vote
1 answer
80 views

Calendar display options issue

On the website of a client we have a calendar of events with quite a bit information in addition to the date and place. It looks like this: It's a jssor static slider The user can see/go to the next ...
8 votes
5 answers
3k views

How do I design a beautiful 6 month calendar view with 15+ event types?

I have designed a calendar web application at my work, and it has been well recieved. So well that multiple departments of my company has adapted it, and requested their own categories for their ...
3 votes
1 answer
94 views

How to show user timetable's items width do not necessarily match with time

I am currently designing a timetable for a web app which will show appointments as they are scheduled. Problem is, as I think that in order to make the user understand the scheduled appointment ...
2 votes
1 answer
648 views

Problems with calendar view

I been asked to provide a mockup for a week view for a calendar that displays room bookings Red means there are no rooms (at peak time) available to book; orange means there are some rooms free; ...
1 vote
3 answers
126 views

Month calendar day sequence convention

I noticed that many "month calendars/date pickers" start with Sunday and end with Saturday in the header - Is this a standard in the western world or is it a convention or is there any reason behind ...
3 votes
3 answers
315 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
2 answers
456 views

Events list or calendar view?

A client has asked for a section to be added to their website that shows information about regular events taking place at their venue. There is just one venue, and all events they want to include take ...
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, ...
24 votes
6 answers
3k views

Calendar recurrences on the last day of the month

I noticed a difference in how Google Calendar and Outlook handle recurring appointments, specifically ones that are on the end of the month. If you try to schedule an appointment on the 31st of every ...
9 votes
4 answers
5k views

What day should a calendar start on, and does it matter?

JavaScript, PHP and various other web-based languages have date functions whose weeks begin on Sunday and end on Saturday. That is, as individual days, Sunday is identified 0 and Saturday is 6 (with ...
2 votes
5 answers
258 views

Behaviour of a user diary with both general patterns and specific entries

I'm working on an application that allows users to keep a 'diary' of times they are available to work. The interface is very simple, and deals purely with ad-hoc availability. It's effectively a ...
35 votes
6 answers
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 ...
1 vote
1 answer
99 views

Best Practice for indicating part of a week textually (specifically contiguous days)

I realise I'm probably splitting hairs here, but I feel like there should be some sort of convention or best practice for this situation, but I haven't been able to find anything online, and I can't ...
8 votes
2 answers
7k views

Time slot selection

I'm on a quest to find the most user friendly way to offer a time slot selection to make an appointment in a company's calendar/agenda. It doesn't really matter much interface-wise, but because it ...
2 votes
6 answers
173 views

best way to depict up to 17 different entities in a calendar (week view)

I'm developing a week view of a calendar for scheduling 17 different venues (river boats as well as physical locations like banquet halls) for a client who specializes in providing venues for weddings,...
10 votes
2 answers
3k views

In an RTL language, in what direction should calendar days go?

These are two alternative layouts of a calendar on a hebrew-language site. Hebrew is written from right to left. Should we display the dates in the same way that the language is written (RTL), or ...
0 votes
2 answers
273 views

Where to place buttons in calendar web app?

A few years ago I built a web application for my wife that allows her to keep track of recipes, add them to a calendar, and create a grocery list from a specific range of dates. I'm doing a facelift ...
1 vote
1 answer
977 views

Usability of "agenda" view vs "basic" view for calendar?

For web-application time slots scheduling (slots are of 1-2 different durations 15 minutes-1 hour mostly, not arbitrary, no overlaps), basic CRUD, no drag-n-drop rescheduling, there maybe lots of 20-...
6 votes
1 answer
2k views

How to show multiple calendar events simultaneously?

The calendar layout has taken on a sort of TV schedule layout with the list of event locations along the y axis. The x axis displays times and the user would be able to click through time linearly ...
1 vote
1 answer
112 views

How to show time-breakdown × availability from multiple parties in Web App?

I'm designing an scheduling application and I would like to know what's the most intuitive way to display the info of time-breakdown × availability from multiple parties. Below shows my current ...
2 votes
1 answer
144 views

Calendar date selection patterns

If user needs to apply leave with a combination of AM, PM and full day leaves...what is the best practice or pattern I can follow?
2 votes
3 answers
136 views

Sorting data when some is entered as weeks and some as days

I've got a table which users can enter data into. Each row represents an item. I've got a column called 'lead times' where some times the lead times are weeks and sometimes they are days. Ideally I ...
5 votes
1 answer
2k views

Accessible web calendar overview that's screen reader friendly

One of our accessible-savvy dev.teams are building a new web interface to a booking system. It looks and acts pretty much like a web calendar interface. In this very first iteration, we'd like ...
2 votes
4 answers
257 views

Is a close call to action icon desired for a calender dialog?

I am using a modified version of the jQueryUI datepicker (http://jqueryui.com/datepicker/#buttonbar). My actual implementation can be viewed at http://jsfiddle.net/mmw834ms/12/embedded/result/. Per ...
1 vote
2 answers
247 views

Navigate from monthly to daily view in a dashboard

I need to provide users a way to view data on a dashboard on a monthly basis or daily basis. It should be possible to navigate back and forth from daily to monthly view. The users should also be ...
0 votes
1 answer
302 views

Color guidelines for blue and orange website [closed]

What would be the good choice of colors to put on my calendar day buttons so that the user will easily identify what is done, skip or ongoing. For now I use the orange as default button color, blue ...
2 votes
3 answers
366 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 ...
0 votes
3 answers
151 views

Stuck - Bus fleet schedule calendar

At my job, I need to create a calendar that shows the days and time slots in each day, and in each slot, I need to show what are the buses that are out each day, who are the bus drivers etc. This is ...
1 vote
2 answers
231 views

machine-readable and human-readable text representation of a recurring schedule

We're working on an "import from Excel" feature to speed up bulk data entry, especially when moving data from another B2B system into ours. Of the 20-ish fields we'll be importing, only one of them ...
0 votes
2 answers
360 views

How to note that a ticket price is not the final price?

On an e-commerce site we are developing we have a calendar presenting minimum tickets prices, but the final prices will include additional fees. Our client asked us to add a clear note above the ...
3 votes
1 answer
1k views

Display year selection dropdown in a calendar

I have a calendar control which currently has "Previous Year" and "Next Year" button to switch years. I want to improve it, as most of the time a user has to go 3-4 years back. Currently, I plan to ...
6 votes
3 answers
4k views

Would it be better to show a calendar picker by default instead of an input field with pop-up date picker?

On a travel site which is for Desktop, iPhone, iPad too, would it be better for UX and Accessibility to show the calendar itself on page by default Like this Or the most popular way, a input box ...
3 votes
3 answers
144 views

What's the rationale behind e-mail clients containing calendaring functionalities?

Many e-mail client programs contain calendar features. Since I rarely ever use any calendaring features I fail to see how e-mail and calendar are related. To me it feels like calendaring is a ...