fix(components): input label overlapping issue (#2371)

* fix(components): input label overlapping issue

* chore(root): add changeset for input overlapping issue

Author: wingkwong

.changeset/itchy-shirts-build.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/input": patch
+---
+
+fixed input label overlapping issue (#2255)

packages/components/input/src/use-input.ts

@@ -87,6 +87,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
   const {
     ref,
     as,
+    type,
     label,
     baseRef,
     wrapperRef,
@@ -122,7 +123,8 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
 
   const Component = as || "div";
 
-  const isFilled = !!inputValue;
+  const isFilledByDefault = ["date", "time", "month", "week", "range"].includes(type!);
+  const isFilled = !!inputValue || isFilledByDefault;
   const isFilledWithin = isFilled || isFocusWithin;
   const baseStyles = clsx(classNames?.base, className, isFilled ? "is-filled" : "");
   const isMultiline = originalProps.isMultiline;