fix: active label by type

italia · Dec 6, 2023 · 0d01a3b · 0d01a3b
1 parent 95e23a2
commit 0d01a3b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/Input/Input.tsx b/src/Input/Input.tsx
@@ -187,6 +187,7 @@ export const Input = ({
  // Styling
  const { activeClass, validationTextClass, inputClasses, wrapperClass } = getClasses(
  className,
+ type,
  {
  valid,
  invalid,

diff --git a/src/Input/TextArea.tsx b/src/Input/TextArea.tsx
@@ -68,6 +68,7 @@ export const TextArea = ({
  // Styling
  const { activeClass, validationTextClass, inputClasses, wrapperClass } = getClasses(
  className,
+ 'textarea',
  {
  valid,
  invalid,

diff --git a/src/Input/utils.tsx b/src/Input/utils.tsx
@@ -64,6 +64,7 @@ type InputClassesParams = ValidationProps &
 
 export function getClasses(
  className: string | undefined,
+ type: string,
  {
  isFocused,
  valid,
@@ -126,7 +127,7 @@ export function getClasses(
 
  const activeClass = mapToCssModules(
  classNames({
- active: isFocused || placeholder || value
+ active: isFocused || placeholder || value || ['date', 'time'].includes(type)
  }),
  cssModule
  );