Skip to content

Commit 3d6ee82

Browse files
author
Aakarsh
committed
fix: let calendar use container width (#10209)
1 parent 5a67028 commit 3d6ee82

File tree

21 files changed

+59
-20
lines changed

21 files changed

+59
-20
lines changed

‎apps/v4/examples/base/calendar-hijri.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ function Calendar({
6767
...formatters,
6868
}}
6969
classNames={{
70-
root: cn("w-fit", defaultClassNames.root),
70+
root: cn("w-full", defaultClassNames.root),
7171
months: cn(
7272
"relative flex flex-col gap-4 md:flex-row",
7373
defaultClassNames.months

‎apps/v4/examples/radix/calendar-hijri.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ function Calendar({
6767
...formatters,
6868
}}
6969
classNames={{
70-
root: cn("w-fit", defaultClassNames.root),
70+
root: cn("w-full", defaultClassNames.root),
7171
months: cn(
7272
"relative flex flex-col gap-4 md:flex-row",
7373
defaultClassNames.months

‎apps/v4/registry/bases/base/ui/calendar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ function Calendar({
4444
...formatters,
4545
}}
4646
classNames={{
47-
root: cn("w-fit", defaultClassNames.root),
47+
root: cn("w-full", defaultClassNames.root),
4848
months: cn(
4949
"relative flex flex-col gap-4 md:flex-row",
5050
defaultClassNames.months

‎apps/v4/registry/bases/radix/ui/calendar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ function Calendar({
4444
...formatters,
4545
}}
4646
classNames={{
47-
root: cn("w-fit", defaultClassNames.root),
47+
root: cn("w-full", defaultClassNames.root),
4848
months: cn(
4949
"relative flex flex-col gap-4 md:flex-row",
5050
defaultClassNames.months

‎apps/v4/registry/calendar.test.ts‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
import { readFile } from "node:fs/promises"
2+
import path from "node:path"
3+
import { fileURLToPath } from "node:url"
4+
import { describe, expect, it } from "vitest"
5+
6+
const __dirname = path.dirname(fileURLToPath(import.meta.url))
7+
8+
const calendarFiles = [
9+
"../registry/new-york-v4/ui/calendar.tsx",
10+
"../registry/bases/base/ui/calendar.tsx",
11+
"../registry/bases/radix/ui/calendar.tsx",
12+
"../styles/base-luma/ui/calendar.tsx",
13+
"../styles/base-lyra/ui/calendar.tsx",
14+
"../styles/base-maia/ui/calendar.tsx",
15+
"../styles/base-mira/ui/calendar.tsx",
16+
"../styles/base-nova/ui/calendar.tsx",
17+
"../styles/base-nova/ui-rtl/calendar.tsx",
18+
"../styles/base-vega/ui/calendar.tsx",
19+
"../styles/radix-luma/ui/calendar.tsx",
20+
"../styles/radix-lyra/ui/calendar.tsx",
21+
"../styles/radix-maia/ui/calendar.tsx",
22+
"../styles/radix-mira/ui/calendar.tsx",
23+
"../styles/radix-nova/ui/calendar.tsx",
24+
"../styles/radix-nova/ui-rtl/calendar.tsx",
25+
"../styles/radix-vega/ui/calendar.tsx",
26+
] as const
27+
28+
describe("calendar root width", () => {
29+
it("uses the parent container width across shipped calendar variants", async () => {
30+
const contents = await Promise.all(
31+
calendarFiles.map((file) => readFile(path.resolve(__dirname, file), "utf8"))
32+
)
33+
34+
for (const content of contents) {
35+
expect(content).toContain('root: cn("w-full", defaultClassNames.root)')
36+
expect(content).not.toContain('root: cn("w-fit", defaultClassNames.root)')
37+
}
38+
})
39+
})

‎apps/v4/registry/new-york-v4/examples/calendar-hijri.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ function Calendar({
6767
...formatters,
6868
}}
6969
classNames={{
70-
root: cn("w-fit", defaultClassNames.root),
70+
root: cn("w-full", defaultClassNames.root),
7171
months: cn(
7272
"relative flex flex-col gap-4 md:flex-row",
7373
defaultClassNames.months

‎apps/v4/registry/new-york-v4/ui/calendar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ function Calendar({
4545
...formatters,
4646
}}
4747
classNames={{
48-
root: cn("w-fit", defaultClassNames.root),
48+
root: cn("w-full", defaultClassNames.root),
4949
months: cn(
5050
"relative flex flex-col gap-4 md:flex-row",
5151
defaultClassNames.months

‎apps/v4/styles/base-luma/ui/calendar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ function Calendar({
4848
...formatters,
4949
}}
5050
classNames={{
51-
root: cn("w-fit", defaultClassNames.root),
51+
root: cn("w-full", defaultClassNames.root),
5252
months: cn(
5353
"relative flex flex-col gap-4 md:flex-row",
5454
defaultClassNames.months

‎apps/v4/styles/base-lyra/ui/calendar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ function Calendar({
4848
...formatters,
4949
}}
5050
classNames={{
51-
root: cn("w-fit", defaultClassNames.root),
51+
root: cn("w-full", defaultClassNames.root),
5252
months: cn(
5353
"relative flex flex-col gap-4 md:flex-row",
5454
defaultClassNames.months

‎apps/v4/styles/base-maia/ui/calendar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ function Calendar({
4848
...formatters,
4949
}}
5050
classNames={{
51-
root: cn("w-fit", defaultClassNames.root),
51+
root: cn("w-full", defaultClassNames.root),
5252
months: cn(
5353
"relative flex flex-col gap-4 md:flex-row",
5454
defaultClassNames.months

0 commit comments

Comments
 (0)