nextcloud / nextcloud/calendar

Appointments: grey out date when no time slots

Open
#5,919 0 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop design enhancement Feature: Appointments
Dominant language
JavaScript
Stars
1.2k
Forks
332
Avg merge
16h 13m
Merged PRs (30d)
137

Description

Is your feature request related to a problem? Please describe.

When a specific day does not have time slots, e.g. Saturday and Sunday in this case:

Schermafbeelding 2024-04-16 om 14 33 42

... the day is still clickable in the date picker:

Schermafbeelding 2024-04-16 om 14 34 05

... but no time slots can be chosen:

Schermafbeelding 2024-04-16 om 14 34 16

Describe the solution you'd like

I believe that from a UX standpoint, it would be better to simply grey out the dates in the date picker, as is done with past dates:

Schermafbeelding 2024-04-16 om 14 34 50

With the current behaviour, the user will have to mentally process why no time slots are available for the chosen date. Which is not the case when the date cannot be picked at all.

Describe alternatives you've considered

No response

Additional context

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the appointment flow in the date picker, comparing dates with no available time slots to past dates that are already disabled. Trace how date availability and time-slot results are determined; done means dates without slots are greyed out and cannot be selected, matching the requested UX.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.