Skip to content

Fix: Manual year input and free navigation in 'TaskFormModal.jsx' due date picker#1457

Open
Dhruvi-02 wants to merge 3 commits into
aryandas2911:mainfrom
Dhruvi-02:fix/date-picker-functionality
Open

Fix: Manual year input and free navigation in 'TaskFormModal.jsx' due date picker#1457
Dhruvi-02 wants to merge 3 commits into
aryandas2911:mainfrom
Dhruvi-02:fix/date-picker-functionality

Conversation

@Dhruvi-02
Copy link
Copy Markdown

📌 Description

The due date picker in 'TaskFormModal.jsx' lacked a manual year input field, forcing users to navigate through decade-based grids to reach a specific year. This fix adds a free-text year input and restores full view-switching between day, month and year grids.

🔗 Related Issue

Closes #1441

🛠️ Changes Made

  • Added 'typedYear' state to track manual text input for year selection.
  • Added a 4-digit text input field inside the year view for direct year entry.
  • Calendar now auto-jumps to the typed year as soon as 4 valid digits are entered.
  • Enable smooth switching between day grid, month grid and year grid views.
  • Clicking the month name in the header toggles the month grid view.
  • Clicking the year in the header toggles the year grid view with decade navigation via chevrons.
  • Removed hardcoded year range restriction so the users can now reach any year by typing or navigating freely.

🖼️ Screenshots (if applicable)

Dark Mode:
image
image
image
Light Mode:
image
image
image

✅ Checklist

  • Code runs locally
  • Followed project structure
  • No console errors
  • Properly tested changes
  • Linked the issue

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.

[Bug]: Date picker in 'Create first task' is broken and lacks navigation

1 participant