rayan/shadcn-ui
1
0
Fork 0
mirror of https://github.com/shadcn-ui/ui.git synced 2026-07-01 00:24:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(component) Date Picker Dropdown values not visible in chrome, opera and edge (#7724)

Browse Source 
* fix(component) Date Picker Dropdown values not visible in chrome, opera and edge

* fix(component) bg-popover added to dropdown in calendar.tsx to fix Date Picker Dropdown values not visible

* chore: build registry

* style: fix

---------

Co-authored-by: shadcn <m@shadcn.com>
This commit is contained in:
Ehsanullah Haidary
2025-07-09 12:13:15 +04:30
committed by GitHub
parent db93787712
commit 728cb4cfa5
9 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/v4/public/r/styles/default/calendar.json
View File

File diff suppressed because one or more lines are too long

2
apps/v4/public/r/styles/new-york-v4/calendar.json
View File

File diff suppressed because one or more lines are too long

2
apps/v4/public/r/styles/new-york/calendar.json
View File

File diff suppressed because one or more lines are too long

5
apps/v4/registry/new-york-v4/ui/calendar.tsx
View File

@@ -73,7 +73,10 @@ function Calendar({
"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
defaultClassNames.dropdown_root
),
dropdown: cn("absolute inset-0 opacity-0", defaultClassNames.dropdown),
dropdown: cn(
"absolute bg-popover inset-0 opacity-0",
defaultClassNames.dropdown
),
caption_label: cn(
"select-none font-medium",
captionLayout === "label"

2
apps/www/public/r/styles/default/calendar.json
View File

File diff suppressed because one or more lines are too long

2
apps/www/public/r/styles/new-york-v4/calendar.json
View File

File diff suppressed because one or more lines are too long

2
apps/www/public/r/styles/new-york/calendar.json
View File

File diff suppressed because one or more lines are too long

5
apps/www/registry/default/ui/calendar.tsx
View File

@@ -73,7 +73,10 @@ function Calendar({
"has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
defaultClassNames.dropdown_root
),
dropdown: cn("absolute inset-0 opacity-0", defaultClassNames.dropdown),
dropdown: cn(
"bg-popover absolute inset-0 opacity-0",
defaultClassNames.dropdown
),
caption_label: cn(
"select-none font-medium",
captionLayout === "label"

5
apps/www/registry/new-york/ui/calendar.tsx
View File

@@ -73,7 +73,10 @@ function Calendar({
"has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
defaultClassNames.dropdown_root
),
dropdown: cn("absolute inset-0 opacity-0", defaultClassNames.dropdown),
dropdown: cn(
"bg-popover absolute inset-0 opacity-0",
defaultClassNames.dropdown
),
caption_label: cn(
"select-none font-medium",
captionLayout === "label"