Skip to content

fix(calendar): use w-full instead of w-fit to fill container width#10231

Closed
yetval wants to merge 1 commit intoshadcn-ui:mainfrom
yetval:fix/calendar-full-width
Closed

fix(calendar): use w-full instead of w-fit to fill container width#10231
yetval wants to merge 1 commit intoshadcn-ui:mainfrom
yetval:fix/calendar-full-width

Conversation

@yetval
Copy link
Copy Markdown

@yetval yetval commented Mar 29, 2026

Fixes #10209

w-fit on the root classname prevents the Calendar from expanding beyond its intrinsic size. Replacing it with w-full lets it fill its parent container. The day columns already use flex-1 / w-full, so they distribute evenly automatically.

Changes applied to all 15 calendar variants across registry and styles.

@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Mar 29, 2026

@yetval is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

… variants

- Replace w-fit with w-full min-w-0 on root to fill container
- Switch table to month_grid with table-fixed for even column distribution
- Add w-full to weekdays, min-w-0 to weekday and day cells for overflow safety
- Apply across all 15 calendar variants

Closes shadcn-ui#10209

Co-authored-by: Yngesh-Raman-QED42 <130572169+Yngesh-Raman-QED42@users.noreply.github.com>
@yetval yetval closed this Mar 30, 2026
@yetval yetval force-pushed the fix/calendar-full-width branch from a518a5a to 7e4084e Compare March 30, 2026 14:57
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]: Calendar does not use available container width

1 participant