[migrate-tailwind] Use clsx for combining classes

Author: mihaisevencode

src/components/Form/DatePickerInput/DatePickerInput.tsx

@@ -6,6 +6,7 @@ import { TextInput } from 'flowbite-react';
 import styles from '/styles/inputs.module.scss';
 import { useLocale } from 'src/hooks/useLocale';
 import { CalendarEdit } from 'src/icons';
+import clsx from 'clsx';
 
 const useOptions = ({ initialValue }: FieldMetaProps<any>): IOptions => {
   const locale = useLocale();
@@ -31,7 +32,7 @@ const DatePickerInput = ({ field }: { field: FormField }) => {
     <Datepicker options={options} onChange={handleChange} show={show} setShow={setShow}>
       <TextInput id={field.name} {...fieldProps} helperText={meta.touched && meta.error}
                  value={value.toLocaleDateString()} onClick={() => setShow(true)} readOnly icon={CalendarEdit}
-                 className={`${styles.input} flex items-center font-bold`} style={{ cursor: 'pointer' }}
+                 className={clsx(styles.input, 'flex items-center font-bold')} style={{ cursor: 'pointer' }}
       />
     </Datepicker>
   );