fix date

src/pages/coupon/Update.tsx

@@ -155,7 +155,11 @@ const UpdateCoupon: FC = () => {
                             onCouponTypeChange={setCouponType}
                         />
 
-                        <CouponUsageSettings formik={formik} />
+                        {
+                            formik.values.startDate && (
+                                <CouponUsageSettings formik={formik} />
+                            )
+                        }
                     </div>
                 </div>
 

src/pages/coupon/components/CouponUsageSettings.tsx

@@ -10,16 +10,15 @@ interface CouponUsageSettingsProps {
 }
 
 const CouponUsageSettings: FC<CouponUsageSettingsProps> = ({ formik }) => {
-    const convertToGregorian = (persianDate: string): string | null => {
-        if (!persianDate) return null
-        const gregorianDate = moment(persianDate, 'jYYYY-jMM-jDD').format('YYYY-MM-DD')
-        return gregorianDate
-    }
-
     const convertToPersian = (gregorianDate: string | null): string | undefined => {
         if (!gregorianDate) return undefined
-        const persianDate = moment(gregorianDate, 'YYYY-MM-DD').format('jYYYY-jMM-jDD')
-        return persianDate
+        try {
+            const persianDate = moment(gregorianDate).format('jYYYY-jMM-jDD')
+            return persianDate
+        } catch (error) {
+            console.error('Error converting date:', error)
+            return undefined
+        }
     }
 
     return (
@@ -50,23 +49,19 @@ const CouponUsageSettings: FC<CouponUsageSettingsProps> = ({ formik }) => {
 
             <div className='grid grid-cols-2 gap-4 mb-6'>
                 <DatePickerComponent
-                    key={`startDate-${formik.values.startDate || 'empty'}`}
                     label='تاریخ شروع'
                     placeholder='تاریخ شروع را انتخاب کنید'
                     defaulValue={convertToPersian(formik.values.startDate)}
                     onChange={(date) => {
-                        const gregorianDate = convertToGregorian(date)
-                        formik.setFieldValue('startDate', gregorianDate)
+                        formik.setFieldValue('startDate', date || null)
                     }}
                 />
                 <DatePickerComponent
-                    key={`endDate-${formik.values.endDate || 'empty'}`}
                     label='تاریخ پایان'
                     placeholder='تاریخ پایان را انتخاب کنید'
                     defaulValue={convertToPersian(formik.values.endDate)}
                     onChange={(date) => {
-                        const gregorianDate = convertToGregorian(date)
-                        formik.setFieldValue('endDate', gregorianDate)
+                        formik.setFieldValue('endDate', date || null)
                     }}
                 />
             </div>