[Fix] inputClassName, containerClassName, and toggleClassName accept functions to override component className (#64)

Author: Marcin Charmułowicz

src/components/Datepicker.tsx

@@ -346,8 +346,8 @@ const Datepicker: React.FC<Props> = ({
     const containerClassNameOverload =
         typeof containerClassName === "function"
             ? containerClassName(defaultContainerClassName)
-            : typeof containerClassName === "string"
-            ? `${defaultContainerClassName} ${containerClassName}`
+            : typeof containerClassName === "string" && containerClassName !== ""
+            ? containerClassName
             : defaultContainerClassName;
 
     return (

src/components/Input.tsx

@@ -64,8 +64,8 @@ const Input: React.FC<Props> = (e: Props) => {
 
         return typeof inputClassName === "function"
             ? inputClassName(defaultInputClassName)
-            : typeof inputClassName === "string"
-            ? `${defaultInputClassName} ${inputClassName}`
+            : typeof inputClassName === "string" && inputClassName !== ""
+            ? inputClassName
             : defaultInputClassName;
     }, [inputRef, classNames, primaryColor, inputClassName]);
 
@@ -226,8 +226,8 @@ const Input: React.FC<Props> = (e: Props) => {
 
         return typeof toggleClassName === "function"
             ? toggleClassName(defaultToggleClassName)
-            : typeof toggleClassName === "string"
-            ? `${defaultToggleClassName} ${toggleClassName}`
+            : typeof toggleClassName === "string" && toggleClassName !== ""
+            ? toggleClassName
             : defaultToggleClassName;
     }, [toggleClassName, buttonRef, classNames]);