refining the m18 import testing params

src/app/api/settings/m18ImportTesting/actions.ts

@@ -8,11 +8,15 @@ import { BASE_API_URL } from "../../../../config/api";
 export interface M18ImportPoForm {
   modifiedDateFrom: string;
   modifiedDateTo: string;
+  dDateFrom: string;
+  dDateTo: string;
 }
 
 export interface M18ImportDoForm {
   modifiedDateFrom: string;
   modifiedDateTo: string;
+  dDateFrom: string;
+  dDateTo: string;
 }
 
 export interface M18ImportPqForm {

src/components/M18ImportTesting/M18ImportDo.tsx

@@ -70,7 +70,7 @@ const M18ImportDo: React.FC<Props> = ({}) => {
               <Box display="flex">
                 <Controller
                   control={control}
-                  name="do.modifiedDateFrom"
+                  name="do.dDateFrom"
                   // rules={{
                   //     required: "Please input the date From!",
                   //     validate: {
@@ -80,7 +80,7 @@ const M18ImportDo: React.FC<Props> = ({}) => {
                   // }}
                   render={({ field, fieldState: { error } }) => (
                     <DateTimePicker
-                      label={t("Modified Date From *")}
+                      label={t("Delivery Date From *")}
                       format={`${OUTPUT_DATE_FORMAT} ${OUTPUT_TIME_FORMAT}`}
                       onChange={(newValue: Dayjs | null) =>
                         handleDateTimePickerOnChange(newValue, field.onChange)
@@ -104,7 +104,7 @@ const M18ImportDo: React.FC<Props> = ({}) => {
                 </Box>
                 <Controller
                   control={control}
-                  name="do.modifiedDateTo"
+                  name="do.dDateTo"
                   // rules={{
                   //     required: "Please input the date to!",
                   //     validate: {
@@ -116,7 +116,7 @@ const M18ImportDo: React.FC<Props> = ({}) => {
                   // }}
                   render={({ field, fieldState: { error } }) => (
                     <DateTimePicker
-                      label={t("Modified Date To *")}
+                      label={t("Delivery Date To *")}
                       format={`${OUTPUT_DATE_FORMAT} ${OUTPUT_TIME_FORMAT}`}
                       onChange={(newValue: Dayjs | null) =>
                         handleDateTimePickerOnChange(newValue, field.onChange)

src/components/M18ImportTesting/M18ImportPo.tsx

@@ -70,7 +70,7 @@ const M18ImportPo: React.FC<Props> = ({}) => {
               <Box display="flex">
                 <Controller
                   control={control}
-                  name="po.modifiedDateFrom"
+                  name="po.dDateFrom"
                   // rules={{
                   //     required: "Please input the date From!",
                   //     validate: {
@@ -80,7 +80,7 @@ const M18ImportPo: React.FC<Props> = ({}) => {
                   // }}
                   render={({ field, fieldState: { error } }) => (
                     <DateTimePicker
-                      label={t("Modified Date From *")}
+                      label={t("Delivery Date From *")}
                       format={`${OUTPUT_DATE_FORMAT} ${OUTPUT_TIME_FORMAT}`}
                       onChange={(newValue: Dayjs | null) =>
                         handleDateTimePickerOnChange(newValue, field.onChange)
@@ -104,7 +104,7 @@ const M18ImportPo: React.FC<Props> = ({}) => {
                 </Box>
                 <Controller
                   control={control}
-                  name="po.modifiedDateTo"
+                  name="po.dDateTo"
                   // rules={{
                   //     required: "Please input the date to!",
                   //     validate: {
@@ -116,7 +116,7 @@ const M18ImportPo: React.FC<Props> = ({}) => {
                   // }}
                   render={({ field, fieldState: { error } }) => (
                     <DateTimePicker
-                      label={t("Modified Date To *")}
+                      label={t("Delivery Date To *")}
                       format={`${OUTPUT_DATE_FORMAT} ${OUTPUT_TIME_FORMAT}`}
                       onChange={(newValue: Dayjs | null) =>
                         handleDateTimePickerOnChange(newValue, field.onChange)