CSI-CATT / CSI-CATT/EventKonnect

Show Events for Selected Date in Calendar

Open
#6 2 comments 0 reactions 1 assignee Claimed by @Avenger11764 View on GitHub
enhancement good first issue hacktoberfest help wanted
Dominant language
JavaScript
Stars
0
Forks
6
PR merge metrics
No merged PRs in 30d

Description

# 🧾 Show Events for Selected Date in Calendar

## 📝 Description
Currently, clicking on a date in the EventKonnect calendar does not display the events scheduled for that specific date.
We want to implement functionality so that whenever a user clicks on a date in the calendar, all events associated with that date are displayed in the event tab (or event list section).

---

## ✅ Acceptance Criteria
- When a user clicks on a specific date in the calendar, the event tab updates automatically.
- Only events corresponding to the selected date should be shown.
- If no events exist for that date, show a message like: _“No events scheduled for this date.”_
- Ensure the UI updates without a full page refresh.

---

## 🧠 Possible Implementation Approach
1. Add an `onDateClick` handler to the calendar component.
2. Filter the events array based on the selected date.
3. Update the state to display filtered events in the event tab component.
4. Optionally highlight the selected date in the calendar for better UX.

---

## 🧩 Tech Stack Reference
React + Calendar Component (e.g., `react-calendar` or `fullcalendar-react`)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.