Student logoHelp
FAQ

Calendar & Events

Calendar & Events

![Calendar](data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200'%3E%3Crect fill='%23f3f4f6' width='400' height='200'/%3E%3Ctext fill='%239ca3af' font-family='sans-serif' font-size='14' x='50%25' y='50%25' text-anchor='middle' dominant-baseline='middle'%3EImage not found%3C/text%3E%3C/svg%3E)

The Calendar page shows all scheduled events for the community.

Key Elements:

  1. Page Header:

    • Title: "Calendar"
    • Subtitle: "View and manage group events"
    • Subscribe to Feed Button: Subscribe to calendar feed (ICS format)

  2. Search & Filters:

    • Search Bar: "Search events by title or description..."
    • Location Filter: Dropdown to filter by location ("All Locations")

  3. Monthly Calendar View (Left):

    • Month Navigation: Left/right arrows to change months
    • Current Month Display: Shows "December 2025"
    • Calendar Grid: Standard calendar layout with days of the week
    • Date Selection: Click any date to view events for that day
    • Today Indicator: Current date is highlighted

  4. Event Details Panel (Right):

    • Date Navigation: Left/right arrows and "Today" button
    • Selected Date: Shows "Monday, December 1, 2025"
    • Event List: Displays events scheduled for the selected date
    • Empty State: Shows "No events scheduled" with calendar icon if no events

  5. Quick Stats (Bottom Left):

    • This Month: Count of events this month (e.g., "0 events")
    • Today: Count of events today (e.g., "0 events")

How to Use:

  • Navigate months using the arrow buttons
  • Click any date to view events for that day
  • Use search to find specific events
  • Filter by location if needed
  • Click "Subscribe to Feed" to add events to your calendar app
  • View event details in the right panel
  • Use "Today" button to quickly return to today's date