Merge pull request Expensify#75002 from nyomanjyotisa/issue-73931

Fix: Prevent saving empty date on expense

Author: chuckdries

src/pages/iou/request/step/IOURequestStepDate.tsx

@@ -1,10 +1,10 @@
 import lodashIsEmpty from 'lodash/isEmpty';
-import React from 'react';
+import React, {useCallback} from 'react';
 import type {OnyxEntry} from 'react-native-onyx';
 import DatePicker from '@components/DatePicker';
 import FormProvider from '@components/Form/FormProvider';
 import InputWrapper from '@components/Form/InputWrapper';
-import type {FormOnyxValues} from '@components/Form/types';
+import type {FormInputErrors, FormOnyxValues} from '@components/Form/types';
 import useDuplicateTransactionsAndViolations from '@hooks/useDuplicateTransactionsAndViolations';
 import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
@@ -91,6 +91,17 @@ function IOURequestStepDate({
         navigateBack();
     };
 
+    const validate = useCallback(
+        (values: FormOnyxValues<typeof ONYXKEYS.FORMS.MONEY_REQUEST_DATE_FORM>) => {
+            const errors: FormInputErrors<typeof ONYXKEYS.FORMS.MONEY_REQUEST_DATE_FORM> = {};
+            if (!values[INPUT_IDS.MONEY_REQUEST_CREATED] || values[INPUT_IDS.MONEY_REQUEST_CREATED] === '') {
+                errors[INPUT_IDS.MONEY_REQUEST_CREATED] = translate('common.error.fieldRequired');
+            }
+            return errors;
+        },
+        [translate],
+    );
+
     return (
         <StepScreenWrapper
             headerTitle={translate('common.date')}
@@ -107,6 +118,7 @@ function IOURequestStepDate({
                 submitButtonText={translate('common.save')}
                 enabledWhenOffline
                 shouldHideFixErrorsAlert
+                validate={validate}
             >
                 <InputWrapper
                     InputComponent={DatePicker}