Skip to content

Update Index.html #1199

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update Index.html #1199

wants to merge 1 commit into from

Conversation

hemant2456
Copy link

#Fix: Make Calendar Fully Functional and Correct Bootstrap Layout

Summary:

  • Corrected Bootstrap layout by nesting container, row, and column classes properly to fix UI sizing issues.
  • Implemented full JavaScript logic to:
    • Render calendar days dynamically based on selected month and year.
    • Highlight current date.
    • Support Previous and Next month navigation, adjusting year boundaries.
    • Enable Jump dropdowns for month and year with synced values.
  • Made year dropdown options dynamically generated for easier maintenance.
  • Initialized calendar on page load with current month and year.
  • Embedded JavaScript in HTML for demonstration (can be separated if needed).
  • Improved UX with styling on today's date cell.

Issue Fixed:

  • #<issue_number> (replace with actual GitHub issue number if exists)

Testing:

  • Opened page in browser.
  • Verified month/year displays correctly.
  • Verified Previous and Next buttons work as expected.
  • Verified Jump dropdown updates calendar immediately.
  • Verified today’s date is highlighted.
  • Verified dropdowns reflect calendar state.

Please review and merge.

Developer Checklist

  • Followed guidelines mentioned in the readme file.
  • Followed directory structure. (e.g. ProjectName/{USERNAME}/...yourfiles)
  • Starred ⭐ the Repo (Optional)

Summary

add a summary here

Screenshot

attach screenshots/gifs here

Live Project Link

add a working project link here

#Fix: Make Calendar Fully Functional and Correct Bootstrap Layout

**Summary:**

- Corrected Bootstrap layout by nesting container, row, and column classes properly to fix UI sizing issues.
- Implemented full JavaScript logic to:
  - Render calendar days dynamically based on selected month and year.
  - Highlight current date.
  - Support Previous and Next month navigation, adjusting year boundaries.
  - Enable Jump dropdowns for month and year with synced values.
- Made year dropdown options dynamically generated for easier maintenance.
- Initialized calendar on page load with current month and year.
- Embedded JavaScript in HTML for demonstration (can be separated if needed).
- Improved UX with styling on today's date cell.

**Issue Fixed:**

- #<issue_number> (replace with actual GitHub issue number if exists)

**Testing:**

- Opened page in browser.
- Verified month/year displays correctly.
- Verified Previous and Next buttons work as expected.
- Verified Jump dropdown updates calendar immediately.
- Verified today’s date is highlighted.
- Verified dropdowns reflect calendar state.

---

Please review and merge.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant