@asaleh37/ui-base 26.2.16 → 27.5.26

package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/Datefield.tsx

@@ -1,70 +1,70 @@
-import { DatePicker, LocalizationProvider } from "@mui/x-date-pickers";
-import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
-import moment from "moment";
-import { DATE_FORMAT } from "../../../../../util/constants";
-import { useTranslation } from "react-i18next";
-import TemplateTextField from "./TemplateTextField";
-
-interface DatefieldProps {
-  value: string | null;
-  label: string;
-  disabled?: boolean;
-  required?: boolean;
-  hidden?: boolean;
-  sx?: any;
-  format?: string;
-  errorMessage?: any;
-  onChangeCallBack: Function;
-  [x: string | number | symbol]: unknown;
-}
-
-const Datefield: React.FC<DatefieldProps> = (props) => {
-  const { t } = useTranslation();
-  if (props?.hidden) {
-    return <></>;
-  }
-  return (
-    <LocalizationProvider dateAdapter={AdapterMoment}>
-      <DatePicker
-        value={
-          props.value != null && props.value !== undefined && props.value !== ""
-            ? moment(props.value, props?.format || DATE_FORMAT)
-            : null
-        }
-        sx={{ ...props.sx, display: props?.hidden ? "none" : undefined }}
-        label={t(props.label)}
-        format={props?.format || DATE_FORMAT}
-        disabled={props.disabled}
-        onChange={(momentValue) => {
-          let v = null;
-          if (momentValue != null && momentValue.isValid()) {
-            v = momentValue.format(props?.format || DATE_FORMAT);
-          }
-          if (
-            props.onChangeCallBack !== undefined &&
-            props.onChangeCallBack != null
-          ) {
-            props.onChangeCallBack(v);
-          }
-        }}
-        slotProps={{
-          textField: {
-            InputLabelProps: { shrink: true, sx: { fontWeight: "bold" } },
-            variant: "outlined",
-            required: props.required,
-            error:
-              props.errorMessage !== undefined && props.errorMessage != null,
-            helperText:
-              props.errorMessage !== undefined && props.errorMessage != null ? (
-                <>{t(props.errorMessage)}</>
-              ) : (
-                <></>
-              ),
-          },
-        }}
-      />
-    </LocalizationProvider>
-  );
-};
-
-export default Datefield;
+import { DatePicker, LocalizationProvider } from "@mui/x-date-pickers";
+import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
+import moment from "moment";
+import { DATE_FORMAT } from "../../../../../util/constants";
+import { useTranslation } from "react-i18next";
+import TemplateTextField from "./TemplateTextField";
+
+interface DatefieldProps {
+  value: string | null;
+  label: string;
+  disabled?: boolean;
+  required?: boolean;
+  hidden?: boolean;
+  sx?: any;
+  format?: string;
+  errorMessage?: any;
+  onChangeCallBack: Function;
+  [x: string | number | symbol]: unknown;
+}
+
+const Datefield: React.FC<DatefieldProps> = (props) => {
+  const { t } = useTranslation();
+  if (props?.hidden) {
+    return <></>;
+  }
+  return (
+    <LocalizationProvider dateAdapter={AdapterMoment}>
+      <DatePicker
+        value={
+          props.value != null && props.value !== undefined && props.value !== ""
+            ? moment(props.value, props?.format || DATE_FORMAT)
+            : null
+        }
+        sx={{ ...props.sx, display: props?.hidden ? "none" : undefined }}
+        label={t(props.label)}
+        format={props?.format || DATE_FORMAT}
+        disabled={props.disabled}
+        onChange={(momentValue) => {
+          let v = null;
+          if (momentValue != null && momentValue.isValid()) {
+            v = momentValue.format(props?.format || DATE_FORMAT);
+          }
+          if (
+            props.onChangeCallBack !== undefined &&
+            props.onChangeCallBack != null
+          ) {
+            props.onChangeCallBack(v);
+          }
+        }}
+        slotProps={{
+          textField: {
+            InputLabelProps: { shrink: true, sx: { fontWeight: "bold" } },
+            variant: "outlined",
+            required: props.required,
+            error:
+              props.errorMessage !== undefined && props.errorMessage != null,
+            helperText:
+              props.errorMessage !== undefined && props.errorMessage != null ? (
+                <>{t(props.errorMessage)}</>
+              ) : (
+                <></>
+              ),
+          },
+        }}
+      />
+    </LocalizationProvider>
+  );
+};
+
+export default Datefield;

package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormFields/DatetimeField.tsx

@@ -1,71 +1,71 @@
-import { DateTimePicker, LocalizationProvider } from "@mui/x-date-pickers";
-import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
-import moment from "moment";
-import { useTranslation } from "react-i18next";
-import { DATE_TIME_FORMAT } from "../../../../../util/constants";
-import TemplateTextField from "./TemplateTextField";
-import { Hidden, TextField } from "@mui/material";
-
-interface DatetimeFieldProps {
-  value: string | null;
-  label: string;
-  disabled?: boolean;
-  required?: boolean;
-  hidden?: boolean;
-  format?: string;
-  sx?: any;
-  errorMessage?: any;
-  onChangeCallBack: Function;
-  [x: string | number | symbol]: unknown;
-}
-
-const DatetimeField: React.FC<DatetimeFieldProps> = (props) => {
-  const { t } = useTranslation();
-  if (props?.hidden) {
-    return <></>;
-  }
-  return (
-    <LocalizationProvider dateAdapter={AdapterMoment}>
-      <DateTimePicker
-        value={
-          props.value != null && props.value !== undefined && props.value !== ""
-            ? moment(props.value, props?.format || DATE_TIME_FORMAT)
-            : null
-        }
-        label={t(props.label)}
-        sx={{ ...props.sx, display: props?.hidden ? "none" : undefined }}
-        format={props?.format || DATE_TIME_FORMAT}
-        disabled={props.disabled}
-        onChange={(momentValue) => {
-          let v = null;
-          if (momentValue != null && momentValue.isValid()) {
-            v = momentValue.format(props?.format || DATE_TIME_FORMAT);
-          }
-          if (
-            props.onChangeCallBack !== undefined &&
-            props.onChangeCallBack != null
-          ) {
-            props.onChangeCallBack(v);
-          }
-        }}
-        slotProps={{
-          textField: {
-            InputLabelProps: { shrink: true, sx: { fontWeight: "bold" } },
-            variant: "outlined",
-            required: props.required,
-            error:
-              props.errorMessage !== undefined && props.errorMessage != null,
-            helperText:
-              props.errorMessage !== undefined && props.errorMessage != null ? (
-                <>{t(props.errorMessage)}</>
-              ) : (
-                <></>
-              ),
-          },
-        }}
-      />
-    </LocalizationProvider>
-  );
-};
-
-export default DatetimeField;
+import { DateTimePicker, LocalizationProvider } from "@mui/x-date-pickers";
+import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
+import moment from "moment";
+import { useTranslation } from "react-i18next";
+import { DATE_TIME_FORMAT } from "../../../../../util/constants";
+import TemplateTextField from "./TemplateTextField";
+import { Hidden, TextField } from "@mui/material";
+
+interface DatetimeFieldProps {
+  value: string | null;
+  label: string;
+  disabled?: boolean;
+  required?: boolean;
+  hidden?: boolean;
+  format?: string;
+  sx?: any;
+  errorMessage?: any;
+  onChangeCallBack: Function;
+  [x: string | number | symbol]: unknown;
+}
+
+const DatetimeField: React.FC<DatetimeFieldProps> = (props) => {
+  const { t } = useTranslation();
+  if (props?.hidden) {
+    return <></>;
+  }
+  return (
+    <LocalizationProvider dateAdapter={AdapterMoment}>
+      <DateTimePicker
+        value={
+          props.value != null && props.value !== undefined && props.value !== ""
+            ? moment(props.value, props?.format || DATE_TIME_FORMAT)
+            : null
+        }
+        label={t(props.label)}
+        sx={{ ...props.sx, display: props?.hidden ? "none" : undefined }}
+        format={props?.format || DATE_TIME_FORMAT}
+        disabled={props.disabled}
+        onChange={(momentValue) => {
+          let v = null;
+          if (momentValue != null && momentValue.isValid()) {
+            v = momentValue.format(props?.format || DATE_TIME_FORMAT);
+          }
+          if (
+            props.onChangeCallBack !== undefined &&
+            props.onChangeCallBack != null
+          ) {
+            props.onChangeCallBack(v);
+          }
+        }}
+        slotProps={{
+          textField: {
+            InputLabelProps: { shrink: true, sx: { fontWeight: "bold" } },
+            variant: "outlined",
+            required: props.required,
+            error:
+              props.errorMessage !== undefined && props.errorMessage != null,
+            helperText:
+              props.errorMessage !== undefined && props.errorMessage != null ? (
+                <>{t(props.errorMessage)}</>
+              ) : (
+                <></>
+              ),
+          },
+        }}
+      />
+    </LocalizationProvider>
+  );
+};
+
+export default DatetimeField;