add date picker text to locales

src/components/login-expert/index.jsx

@@ -1,5 +1,4 @@
 import LinkRouting from "@/core/components/LinkRouting";
-import MuiDatePicker from "@/core/components/MuiDatePicker";
 // import Notifications from "@/core/components/notifications";
 import PasswordField from "@/core/components/PasswordField";
 import StyledForm from "@/core/components/StyledForm";
@@ -99,7 +98,6 @@ const LoginComponent = () => {
                           props.touched.username ? props.errors.username : null
                         }
                       />
-                      {/* <MuiDatePicker /> */}
                       <PasswordField
                         name="password"
                         label={t("LoginPage.text_field_password")}

src/core/components/MuiDatePicker.jsx

@@ -0,0 +1,36 @@
+import { LocalizationProvider, DatePicker } from "@mui/x-date-pickers";
+import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+import moment from "moment/moment";
+import { useTranslations } from "next-intl";
+
+export default function MuiDatePicker({
+  setFieldValue,
+  selectType,
+  error,
+  helperText,
+}) {
+  const t = useTranslations();
+
+  const handleDateChange = (date) => {
+    const selectedDate = moment(date).locale("en").format("YYYY-MM-DD");
+    setFieldValue(selectType, selectedDate);
+  };
+
+  return (
+    <LocalizationProvider dateAdapter={AdapterDayjs}>
+      <DatePicker
+        sx={{ width: "100%" }}
+        format="YYYY-MM-DD"
+        label={t("MuiDatePicker.date_picker_birthday")}
+        slotProps={{
+          textField: {
+            size: "small",
+            helperText: helperText ? `${helperText}` : "YYYY-MM-DD",
+            error: error ? true : false,
+          },
+        }}
+        onChange={handleDateChange}
+      />
+    </LocalizationProvider>
+  );
+}