Improve Year view usability - anchor to current date instead of January 1st

Contribute Feature

AI-generated summary

In a discussion titled ‘Improve Year view usability,’ Ethsim2 requests that the Year view of Upcoming Events automatically anchor to the current date rather than January 1st. They argue that starting at the beginning of the year forces users to scroll past past events, which is inefficient for shift scheduling and busy communities. The proposed solution involves automatically scrolling to or highlighting the current date, aligning the feature with standard calendar apps like Google and Outlook.

nathank agrees with the core issue, noting that while past events should be visible but greyed out in day/week views, the Year view should focus on the future. They shared a CSS workaround to hide past events but acknowledged it makes the view look sparse late in the year. Instead, they expressed a desire for an ‘Agenda view’ that lists all upcoming events from today. Lou chimed in to support the idea, noting they were also planning to request an agenda view.

1

Hi there :waving_hand:

When using the Year view of Upcoming Events, the interface always loads from January 1st of the current year. This makes sense on January 1st - but not so much on November 2nd. :wink:

Users typically want to see what’s coming next, not scroll past months of past events.

Improvement request

When /upcoming-events/year is opened (re-direct ing to upcoming-events/year/2025/1/1):

  • Automatically scroll to or highlight the current date/week
  • or use a smarter anchor based on today’s location in the year

This would match expectations set by common calendar apps (Google, iOS Calendar, Outlook, etc.)

Why this matters

  • Reduces unnecessary scrolling
  • Keeps focus on upcoming activity
    • Especially helpful for:
  • Shift scheduling
  • Academic timetables
  • Busy event communities

Thanks for considering! This would be a simple but impactful upgrade to the Year view UX :raising_hands:

5 Likes
2

I completely agree! It makes sense to keep past events visible but greyed out on the day / week / months views, but not so much the Year view.

I’ve got a CSS workaround to achieve what you are after for the moment:

// Hide past events from the year calendar view
.fc-listYear-view {
    .fc-day-past, .fc-event-past {
        display:none;
    }
}

Still, this isn’t quite what I’m after - particularly in the latter part of the year when it will look a bit anaemic!

Basically, I want an Agenda view - which shows all upcoming events from today.

6 Likes
3

Yes – an agenda view. I was just coming here to ask for this!

1 Like