diff --git a/src/pages/Proof/Create_FromApp/ProofForm.js b/src/pages/Proof/Create_FromApp/ProofForm.js
index e638b46..4b0d448 100644
--- a/src/pages/Proof/Create_FromApp/ProofForm.js
+++ b/src/pages/Proof/Create_FromApp/ProofForm.js
@@ -97,6 +97,10 @@ const FormPanel = ({ formData }) => {
         });
     }
 
+    const getReturnBeforeDate=(date)=>{
+        return DateUtils.convertToDate(date).getTime();
+    }
+
     const formik = useFormik({
         enableReinitialize: true,
         initialValues: data,
@@ -115,23 +119,24 @@ const FormPanel = ({ formData }) => {
                     length: values.length,
                     colCount: columnPrice.colCount,
                     noOfPages: values.noOfPages,
+                    returnBeforeDate: getReturnBeforeDate(values.beforeDate)
                 },
                 files: attachments,
                 onSuccess: function (responeData) {
-                    if(responeData.success == true){
+                    if (responeData.success == true) {
                         notifySaveSuccess()
                         navigate("/proof/search");
-                    }else{
+                    } else {
                         let msg = responeData.msg;
-                        if(msg ==="haveActiveProof"){
+                        if (msg === "haveActiveProof") {
                             msg = "Action Failed: There is already a pending payment and proofreading record for client review."
-                        }else if(msg === "haveProofed"){
+                        } else if (msg === "haveProofed") {
                             msg = "Action Failed: Already proofed."
                         }
                         setWarningText(msg);
                         setIsWarningPopUp(true);
                     }
-                    
+
                 }
             });
         }
@@ -178,6 +183,33 @@ const FormPanel = ({ formData }) => {
 
                 {/*row 2*/}
                 <Grid container direction="column" sx={{ paddingLeft: 4, paddingRight: 4 }} spacing={1}>
+
+                    <Grid item xs={12} md={12}>
+                        <Stack direction="row" sx={{ display: 'flex', alignItems: 'center' }}>
+                            <FormLabel sx={{ paddingRight: 2, textAlign: "center" }}>
+                                <Typography variant="h5">Return Before Date:</Typography>
+                            </FormLabel>
+                            <TextField
+                                fullWidth
+                                size="small"
+                                type="datetime-local"
+                                onChange={formik.handleChange}
+                                name="beforeDate"
+                                value={formik.values["beforeDate"]}
+                                variant="outlined"
+                                sx={
+                                    {
+                                        "& .MuiInputBase-input.Mui-disabled": {
+                                            WebkitTextFillColor: "#000000",
+                                            background: "#f8f8f8",
+                                        },
+                                        width: '15%'
+                                    }
+                                }
+                            />
+                        </Stack>
+                    </Grid>
+
                     <Grid item xs={12} md={12}>
                         <input
                             id="uploadFileBtn"
@@ -391,6 +423,13 @@ const FormPanel = ({ formData }) => {
                     </DialogActions>
                 </Dialog>
             </div>
+            <div>
+                <Dialog open={wait} onClose={() => setWait(false)}  >
+                    <DialogContent style={{ display: 'flex', }}>
+                        <Typography variant="h4" style={{ padding: '16px' }}>Calculating, please wait ...</Typography>
+                    </DialogContent>
+                </Dialog>
+            </div>
         </MainCard>
     );
 };
diff --git a/src/pages/Proof/Create_FromApp/index.js b/src/pages/Proof/Create_FromApp/index.js
index 4e83ccd..9928e1f 100644
--- a/src/pages/Proof/Create_FromApp/index.js
+++ b/src/pages/Proof/Create_FromApp/index.js
@@ -58,6 +58,8 @@ const Index = () => {
                     responseData.data["issueDate"] = DateUtils.dateStr(responseData.data.issueDate);
 
                     responseData.data["groupType"] = responseData.data.groupNo.charAt(0);
+
+                    responseData.data["beforeDate"] = DateUtils.datetimeFieldFormat(responseData.data.returnBeforeDate);
                     setRecord(responseData.data);
                 }
             });
diff --git a/src/utils/DateUtils.js b/src/utils/DateUtils.js
index a03e646..03ca962 100644
--- a/src/utils/DateUtils.js
+++ b/src/utils/DateUtils.js
@@ -17,19 +17,27 @@ export const dateStr_Cht = (date) =>{
     return dateFormat(date,"YYYY年MM月DD日")
 };
 
+export const datetimeFieldFormat = (date) =>{
+    return dateFormat(date,"YYYY-MM-DDTHH:mm");
+};
+
 export const convertToDate = (date)=>{
     if(typeof date == 'number'){
         return dayjs(date).toDate();
     }else if(Array.isArray(date)){
-        if(date.length==3){
-            return new Date(date[0],date[1]-1,date[2],0,0,0);
-        }
+        // if(date.length==3){
+        //     return new Date(date[0],date[1]-1,date[2],0,0,0);
+        // }else if(date.length==4){
+        //     return new Date(date[0],date[1]-1,date[2],0,0,0);
+        // }
         return new Date(date[0]
             ,date[1]-1
             ,date[2]
-            ,date[3]?date[3]:0
-            ,date[4]?date[4]:0
-            ,date[5]?date[5]:0);
+            ,date.length>=4?date[3]:0
+            ,date.length>=5?date[4]:0
+            ,date.length>=6?date[5]:0);
+    }else if(typeof date == "string"){
+        return new Date(date);
     }
     
     return date;