fix(resolve): fix resolve MR

src/components/input/DateInput.tsx

@@ -80,7 +80,10 @@ const DateInput = ({
 
   // --- Sync value props ---
   useEffect(() => {
-    if (!value) return;
+    if (!value) {
+      setDisplayValue('');
+      return;
+    }
     if (isRange && typeof value === 'object') {
       const from = value.from ? new Date(value.from) : undefined;
       const to = value.to ? new Date(value.to) : undefined;

src/components/input/TextArea.tsx

@@ -8,7 +8,6 @@ export interface TextAreaProps {
   label?: string;
   bottomLabel?: string;
   name: string;
-  rows?: number;
   value?: string | number;
   placeholder?: string;
   className?: {
@@ -24,8 +23,11 @@ export interface TextAreaProps {
   required?: boolean;
   isLoading?: boolean;
   errorMessage?: string;
+  startAdornment?: ReactNode;
+  endAdornment?: ReactNode;
   onChange?: ChangeEventHandler<HTMLTextAreaElement>;
   onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+  rows?: number;
 }
 
 const TextArea = ({
@@ -33,18 +35,20 @@ const TextArea = ({
   bottomLabel,
   name,
   value,
-  rows = 3,
   placeholder,
   className,
   isError,
   isValid,
   errorMessage,
+  startAdornment,
+  endAdornment,
   disabled = false,
   required = false,
   onChange,
   onBlur,
   readOnly = false,
   isLoading = false,
+  rows = 3,
 }: TextAreaProps) => {
   return (
     <div
@@ -75,34 +79,35 @@ const TextArea = ({
           )}
         </label>
       )}
+      {startAdornment && startAdornment}
 
-      <div className='relative size-full'>
-        <textarea
-          className={cn(
-            'textarea h-auto px-4 py-2 text-base font-normal leading-6 w-full rounded outline-none! transition-all bg-white',
-            {
-              'border-error': isError,
-              'border-success!': isValid,
-            },
-            className?.inputWrapper
-          )}
-          id={name}
-          name={name}
-          placeholder={placeholder}
-          value={value}
-          rows={rows}
-          onChange={onChange}
-          onBlur={onBlur}
-          disabled={disabled}
-          readOnly={readOnly}
-        />
-
-        {isLoading && (
-          <div className='absolute right-3 bottom-3 z-10'>
-            {isLoading && <span className='loading loading-spinner' />}
-          </div>
+      <textarea
+        className={cn(
+          'textarea h-auto px-4 py-2 text-base font-normal leading-6 w-full rounded outline-none! transition-all bg-white',
+          {
+            'border-error': isError,
+            'border-success!': isValid,
+          },
+          className?.inputWrapper
         )}
-      </div>
+        id={name}
+        name={name}
+        placeholder={placeholder}
+        value={value}
+        rows={rows}
+        onChange={onChange}
+        onBlur={onBlur}
+        disabled={disabled}
+        readOnly={readOnly}
+      />
+
+      {(isLoading || endAdornment) && (
+        <div className='flex flex-row gap-2'>
+          {isLoading && <span className='loading loading-spinner' />}
+
+          {endAdornment && endAdornment}
+        </div>
+      )}
 
       {!isError && bottomLabel && (
         <p className='w-full text-sm opacity-60'>{bottomLabel}</p>