fix bug design datepcker

src/components/DatePicker.tsx

@@ -5,6 +5,7 @@ import persian_fa from 'react-date-object/locales/persian_fa';
 import DateObject from 'react-date-object';
 import { clx } from '../helpers/utils';
 import { Calendar } from 'iconsax-react';
+import Error from './Error';
 
 type Props = {
     onChange: (date: string) => void;
@@ -88,26 +89,22 @@ const DatePickerComponent: FC<Props> = (props: Props) => {
                 <div className='text-xs'>
                     {props.label}
                 </div>}
-            <div className={clx(
-                'relative ',
-                props.label && 'mt-1.5'
-            )}>
-                <DatePicker
-                    placeholder={props.placeholder}
-                    value={value}
-                    onChange={(date) => setValue(date as DateObject)}
-                    calendar={persian}
-                    locale={persian_fa}
-                    calendarPosition="bottom-right"
-                    className={`rmdp-mobile ${props.className}`}
-                />
+            <div className={clx(props.label && 'mt-1.5')}>
+                <div className="relative">
+                    <DatePicker
+                        placeholder={props.placeholder}
+                        value={value}
+                        onChange={(date) => setValue(date as DateObject)}
+                        calendar={persian}
+                        locale={persian_fa}
+                        calendarPosition="bottom-right"
+                        className={`rmdp-mobile ${props.className}`}
+                    />
+                    <Calendar size={18} color='black' className='pointer-events-none absolute top-0 bottom-0 left-2 my-auto' />
+                </div>
                 {props.error_text && props.error_text !== '' && (
-                    <div className="text-xs text-right text-red-600 mt-2 mr-2 font-medium">
-                        {props.error_text}
-                    </div>
+                    <Error errorText={props.error_text} />
                 )}
-
-                <Calendar size={18} color='black' className='absolute top-0 bottom-0 my-auto left-2' />
             </div>
         </div>
     );