@axa-fr/design-system-slash-react 1.1.0-alpha.4 → 1.1.0-alpha.6

package/dist/Form/Date/Date.d.ts

@@ -2,8 +2,8 @@ import "@axa-fr/design-system-slash-css/dist/Form/Date/Date.scss";
 import { ComponentPropsWithRef } from "react";
 type Props = Omit<ComponentPropsWithRef<"input">, "value"> & {
     classModifier?: string;
-    defaultValue?: Date;
-    value?: Date;
+    defaultValue?: Date | string;
+    value?: Date | string;
 };
 declare const Date: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export { Date };

package/dist/Form/Date/Date.js

@@ -1,22 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Form/Date/Date.scss";
-import { forwardRef, useMemo } from "react";
+import { forwardRef } from "react";
 import { getComponentClassName } from "../../utilities";
-const formatDateValue = (dateValue) => {
-    const formattedDateValue = new globalThis.Date(dateValue);
-    const monthFormatted = `0${formattedDateValue.getMonth() + 1}`.slice(-2);
-    const dayFormatted = `0${formattedDateValue.getDate()}`.slice(-2);
-    return `${formattedDateValue.getFullYear()}-${monthFormatted}-${dayFormatted}`;
-};
+import { formatDateInputValue } from "../../utilities/helpers/date";
 const Date = forwardRef(({ className, classModifier, defaultValue, value, ...otherProps }, ref) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-form__input-date");
-    const currentValue = useMemo(() => {
-        return value ? formatDateValue(value) : undefined;
-    }, [value]);
-    const currentDefaultValue = useMemo(() => {
-        return defaultValue ? formatDateValue(defaultValue) : undefined;
-    }, [defaultValue]);
-    return (_jsx("input", { className: componentClassName, type: "date", defaultValue: currentDefaultValue, value: currentValue, ref: ref, disabled: classModifier?.includes("disabled"), required: classModifier?.includes("required"), ...otherProps }));
+    return (_jsx("input", { className: componentClassName, type: "date", defaultValue: formatDateInputValue(defaultValue), value: formatDateInputValue(value), ref: ref, disabled: classModifier?.includes("disabled"), required: classModifier?.includes("required"), ...otherProps }));
 });
 Date.displayName = "Date";
 export { Date };

package/dist/utilities/helpers/date.d.ts

@@ -0,0 +1 @@
+export declare const formatDateInputValue: (value?: Date | string) => string | undefined;

package/dist/utilities/helpers/date.js

@@ -0,0 +1,4 @@
+const MAXIMUM_SIZE_DATE = 10;
+export const formatDateInputValue = (value) => value instanceof Date
+    ? value.toISOString().slice(0, MAXIMUM_SIZE_DATE)
+    : value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-slash-react",
-  "version": "1.1.0-alpha.4",
+  "version": "1.1.0-alpha.6",
   "description": "",
   "exports": {
     ".": {
@@ -45,7 +45,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-slash-css": "1.1.0-alpha.4",
+    "@axa-fr/design-system-slash-css": "1.1.0-alpha.6",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },