Skip to content

feat: add calendar-based goal rescheduling#28

Open
conradkoh wants to merge 1 commit into
masterfrom
feature/push-goals-calendar
Open

feat: add calendar-based goal rescheduling#28
conradkoh wants to merge 1 commit into
masterfrom
feature/push-goals-calendar

Conversation

@conradkoh
Copy link
Copy Markdown
Owner

Summary

Replaces dropdown select with calendar picker for rescheduling weekly goals, providing a more intuitive visual interface.

User Story: As a user, I want to push goals back by selecting the week/day from the calendar.

Changes

MoveGoalToWeekModal Enhancement

  • Replace Select dropdown with Calendar component
  • Add quick action buttons: "Next Week" and "In 2 Weeks"
  • Show week numbers in calendar for context
  • Disable dates outside valid destination weeks
  • Add dark mode support for warning box
  • Pass currentWeekNumber prop for quick actions

Visual Comparison

Before:

[Dropdown Select: Week 42, Week 43, Week 44...]

After:

[Quick Actions: Next Week | In 2 Weeks]
[Calendar with week numbers, disabled invalid dates]
[Selected: Week 43 (Oct 21-27)]

Documentation

Planning docs in docs/plans/004-push-goals-calendar/:

  • overview.md - Goals and non-goals
  • prd.md - 4 user stories
  • architecture.md - Design decisions
  • phases.md - Implementation plan

Design Decisions

  • Calendar uses existing react-day-picker component
  • Dates outside quarter are disabled
  • Week numbers shown for context
  • Vertical layout optimized for mobile

Test Plan

  • Open goal action menu → Move to Week
  • Verify calendar displays with week numbers
  • Click "Next Week" → selects next week
  • Click "In 2 Weeks" → selects week+2
  • Click date on calendar → selects that week
  • Disabled dates cannot be selected
  • Confirm move → goal moved correctly
  • Dark mode styling correct

Replace dropdown select with calendar picker in MoveGoalToWeekModal.

Changes:
- MoveGoalToWeekModal: Replace Select dropdown with Calendar component
- Add quick action buttons: "Next Week" and "In 2 Weeks"
- Show week numbers in calendar for context
- Disable dates outside valid destination weeks
- Add dark mode support for warning box
- GoalActionMenuNew: Pass currentWeekNumber prop

Planning docs:
- docs/plans/004-push-goals-calendar/ with overview, prd, architecture, phases

The calendar provides a more intuitive visual way to select target weeks
when rescheduling weekly goals. Quick actions allow common operations
with a single click.
@vercel
Copy link
Copy Markdown

vercel Bot commented Jan 19, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
goals Ready Ready Preview, Comment Jan 19, 2026 5:07pm

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