Display calendar event attendance state data

[j0be]

Is your feature request related to a problem?

Context: I have an ex wife who I have children with, so that means we often invite each other to events on our own calendars for kids' events.

Google calendar API stuff:

• If someone invites you to a calendar event, your attendance in the Google calendar API returns your state as "tentative" but still lists it in your calendar (visually cued by being an outline instead of a solid color).
• If you decline the event, the event would be removed from your calendar, but the state would then be "cancelled" if you queried that event from the Google Calendar API.
• If you accept or create the event on your own calendar, the state is "accepted".

Niagara: The agenda view has no distinction in design, iconography, or text for calendar events that you have been invited to, but have not accepted.

Describe the solution you'd like

Currently, the agenda view has solid indicators with the calendar color on the side.

A tentative event should follow the same visual cadence as Google calendar and make it an outline with no fill.

Feature Request Procedure

• [X] I have read the knowledge base article on feature requests and followed the steps mentioned

[j0be]

I would like to also note that I was unsure of whether or not to label this a bug or a feature.

[Amorphous404]

Hi Ronald, Thank you for providing such a comprehensive report. I can confirm the calendar API does indeed expose the event state, and it functions reliably. I tested this with another calendar widget app named "YourCalender." It just directly mentions the state, which imo does not look good.

For the devs: If it's possible to convert the state provided by the API: i) We could incorporate the OP's suggestion and switch the event color pill between fill and outline based on its current state, or ii) Show a small indicator. iii) Highlight the event name.

• Greyed out for Tentative/Maybe state (same as the event duration)
• Black for accepted events. (The current color)

Demo:

Third event (Test 3)

• Ist Pic: Tentative/Maybe
• 2nd Pic: Accepted
• 3rd Pic: Declined

[Maha-Rajan]

This looks like a good addition to Niagara

[8bitPit]

Thank you for the suggestion, @j0be; great idea! I was worried that the outlined bar would be too thin, so I added a question mark icon for tentative events. Do you think this icon is intuitive for the use case?

[j0be]

I can appreciate that accommodation. Maybe instead of the unicode question mark, have a circle of the same color as the calendar, with a question mark inside it the same color as the primary agenda background (light / dark)?

Edit: attached quick mocks

[8bitPit]

Thanks, the question mark is already a custom icon. I chose an outlined icon instead of a filled one to fit our style guide. If we tint the outlined icon, its contrast might be too low depending on the color of the calendar:

[j0be]

All good! I'm still happy to have the information on screen.

[j0be]

Now that I'm back to the work week, for a design comparison here's how MS365 does it in their PWA.

Note: still happy with the question mark decision as well.

[Maxr1998]

Added in v1.10.0🎈