fix(date-range-picker): fixed input overflow #3037

nextui-org · May 25, 2024 · 8dbb37a · 8dbb37a
1 parent fa26ce0
commit 8dbb37a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/components/date-picker/src/use-date-range-picker.ts b/packages/components/date-picker/src/use-date-range-picker.ts
@@ -290,6 +290,7 @@ export function useDateRangePicker<T extends DateValue>({
       style: {
         ...props.style,
         maxWidth: "fit-content",
+        flexShrink: 0,
       },
       className: dateInputSlots.input({
         class: clsx(classNames?.input, props?.className),

diff --git a/packages/core/theme/src/components/date-input.ts b/packages/core/theme/src/components/date-input.ts
@@ -9,7 +9,7 @@ import {tv} from "../utils/tv";
  */
 const dateInput = tv({
   slots: {
-    base: "group flex flex-col",
+    base: "group flex flex-col overflow-hidden",
     label: [
       "block subpixel-antialiased text-small text-default-600",
       // isRequired=true
@@ -21,7 +21,7 @@ const dateInput = tv({
       "relative px-3 gap-3 w-full inline-flex flex-row items-center",
       "cursor-text tap-highlight-transparent shadow-sm",
     ],
-    input: "flex h-full gap-x-0.5 w-full font-normal",
+    input: "flex h-full gap-x-0.5 w-full font-normal overflow-hidden",
     innerWrapper: [
       "flex items-center text-default-400 w-full gap-x-2 h-6",
       // isInValid=true