Skip to content

Add date range calendar generator tool#20

Merged
bobwhitelock merged 4 commits into
mainfrom
claude/date-range-calendar-chart-u5f6vm
Jun 25, 2026
Merged

Add date range calendar generator tool#20
bobwhitelock merged 4 commits into
mainfrom
claude/date-range-calendar-chart-u5f6vm

Conversation

@bobwhitelock

Copy link
Copy Markdown
Owner

Summary

Adds a new interactive date range calendar tool that generates a printable calendar for any date range up to 6 months long.

Key Changes

  • New tool: tools/date-range-calendar.html - a self-contained HTML application featuring:
    • Date range input controls with validation
    • Dynamic calendar grid generation spanning multiple months
    • Week-based layout with Monday-Sunday columns
    • Month headers that intelligently appear when months change
    • Visual distinction between in-range and out-of-range dates
    • Print/PDF export styling optimized for A4 paper
    • Responsive design with clean, modern UI
    • Pre-filled default range (today through 4 weeks ahead)

Implementation Details

  • Validates date inputs and enforces maximum 26-week range limit
  • Uses local date parsing to avoid timezone shifting issues
  • Intelligently places month headers at the start of each new month within the calendar
  • Includes comprehensive print styles with proper page sizing and color preservation
  • Accessible form controls with clear error messaging
  • Smooth transitions and hover states for better UX

https://claude.ai/code/session_01K252TZyKwR2JfcJbke1fv7

Generates a printable weekly grid for any date range (up to 26 weeks).
Weeks run Mon–Sun, blank cells pad before the first in-range day, month
headers appear automatically at each month boundary, and the chart can
be printed or saved as PDF in A4 portrait via the browser print dialog.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01K252TZyKwR2JfcJbke1fv7
github-actions Bot added a commit that referenced this pull request Jun 25, 2026
@github-actions

Copy link
Copy Markdown
Contributor

Deploy Preview

Preview URL: https://tools.bobwhitelock.co.uk/pr-20/

Deployed commit: edbf45a

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01K252TZyKwR2JfcJbke1fv7
github-actions Bot added a commit that referenced this pull request Jun 25, 2026
@github-actions

Copy link
Copy Markdown
Contributor

Deploy Preview

Preview URL: https://tools.bobwhitelock.co.uk/pr-20/

Deployed commit: ebed3b7

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01K252TZyKwR2JfcJbke1fv7
@github-actions

Copy link
Copy Markdown
Contributor

Deploy Preview

Preview URL: https://tools.bobwhitelock.co.uk/pr-20/

Deployed commit: 35bc110

github-actions Bot added a commit that referenced this pull request Jun 25, 2026
- Remove Generate button; calendar rebuilds immediately on either date input change
- Default dates generate a calendar on first load
- Use beforeprint/afterprint events to calculate exact cell heights for A4
  portrait (271mm usable at 96dpi), so the grid fills the page rather than
  sitting cramped at the top

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01K252TZyKwR2JfcJbke1fv7
@github-actions

Copy link
Copy Markdown
Contributor

Deploy Preview

Preview URL: https://tools.bobwhitelock.co.uk/pr-20/

Deployed commit: fddefeb

github-actions Bot added a commit that referenced this pull request Jun 25, 2026
@bobwhitelock
bobwhitelock merged commit d7582a1 into main Jun 25, 2026
2 checks passed
github-actions Bot added a commit that referenced this pull request Jun 25, 2026
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.

2 participants