fix(InputDate): update width classes for month segment in date input component

[mikenewbon]

🔗 Linked issue

Resolves #6338 6338

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Initially I thought it was just xs/sm that was broken as they split onto two lines on mobile but in all sizes it was squashed.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: d44a7753-495c-4317-9c64-be9019d52cec

📥 Commits

Reviewing files that changed from the base of the PR and between 4427824 and de7a1b5.

⛔ Files ignored due to path filters (2)

• test/components/__snapshots__/InputDate-vue.spec.ts.snap is excluded by !**/*.snap
• test/components/__snapshots__/InputDate.spec.ts.snap is excluded by !**/*.snap

📒 Files selected for processing (1)

• src/theme/input-date.ts

---

📝 Walkthrough

Walkthrough

This change adjusts the width utilities applied to the month segment in the input-date component's theme configuration. The data-[segment=month] class widths are increased across all five size variants (xs, sm, md, lg, xl) in src/theme/input-date.ts. The modifications range from w-6 to w-8 for xs/sm, w-7 to w-9 for md/lg, and w-8 to w-10 for xl. No changes are made to other segments or component logic.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: updating width classes for the month segment in the InputDate component to fix layout issues.
Description check	✅ Passed	The description is related to the changeset, explaining the bug where the month field was squashed on mobile and noting that documentation was updated.
Linked Issues check	✅ Passed	The PR successfully addresses issue #6338 by increasing width classes for the month segment across all sizes, fixing the mobile layout breakage where month splits onto two lines.
Out of Scope Changes check	✅ Passed	All changes are scoped to the month segment width adjustments in InputDate component; no unrelated modifications or scope creep detected.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@6339

commit: de7a1b5