fix(date-picker): resolve width clipping issue on 90/110% zoom

nextui-org · Jul 5, 2024 · 1edb838 · 1edb838
1 parent ec7c417
commit 1edb838
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/metal-bats-reflect.md b/.changeset/metal-bats-reflect.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/date-picker": patch
+---
+
+Fixed bug of date-picker width clipped when zoom 90%
diff --git a/packages/core/theme/src/components/date-picker.ts b/packages/core/theme/src/components/date-picker.ts
@@ -13,8 +13,8 @@ const datePicker = tv({
     selectorButton: "-mr-2 text-inherit",
     selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
     popoverContent: "p-0 w-full",
-    calendar: "w-[var(--calendar-width)] shadow-none",
-    calendarContent: "w-[var(--calendar-width)]",
+    calendar: "w-[256px] shadow-none",
+    calendarContent: "w-[256px]",
     timeInputLabel: "font-medium",
     timeInput: "px-5 pb-4 flex-wrap gap-x-6",
   },