@toteat-eng/ds-react 2026.8.27 → 2026.908.0

package/dist/components/DatePicker/DatePicker.d.ts

@@ -4,5 +4,13 @@ export interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputEleme
     label?: string;
     ref?: Ref<HTMLInputElement>;
     "data-testid"?: string;
+    /**
+     * Convenience handler receiving the input's string value directly
+     * (`event.target.value`), instead of the native change event. Prefer this
+     * over `onChange` when you only need the value — it avoids passing a
+     * state setter straight to `onChange`, which stores the SyntheticEvent
+     * instead of the date string and silently blanks the field.
+     */
+    onValueChange?: (value: string) => void;
 }
-export declare function DatePicker({ error, label, className, id, ref, "data-testid": testId, ...props }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ error, label, className, id, ref, "data-testid": testId, onChange, onValueChange, ...props }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DatePicker/__stories__/DatePicker.stories.d.ts

@@ -9,3 +9,4 @@ export declare const WithError: Story;
 export declare const Disabled: Story;
 export declare const WithoutLabel: Story;
 export declare const Controlled: Story;
+export declare const ControlledWithOnValueChange: Story;

package/dist/index.es.js

@@ -976,23 +976,26 @@ var or = {
 };
 //#endregion
 //#region src/components/DatePicker/DatePicker.tsx
-function sr({ error: e, label: t, className: n, id: r, ref: i, "data-testid": o, ...s }) {
-	let c = a(), l = r ?? c;
+function sr({ error: e, label: t, className: n, id: r, ref: i, "data-testid": o, onChange: s, onValueChange: c, ...l }) {
+	let u = a(), d = r ?? u;
 	return /* @__PURE__ */ p("div", {
 		className: R(or.wrapper, n),
 		"data-testid": o,
 		children: [t && /* @__PURE__ */ f("label", {
-			htmlFor: l,
+			htmlFor: d,
 			className: or.label,
 			children: t
 		}), /* @__PURE__ */ f("input", {
 			ref: i,
 			type: "date",
-			id: l,
+			id: d,
 			className: or.input,
 			"data-error": e || void 0,
 			"aria-invalid": e || void 0,
-			...s
+			onChange: (e) => {
+				s?.(e), c?.(e.target.value);
+			},
+			...l
 		})]
 	});
 }
@@ -1068,7 +1071,7 @@ function lr(e, t = {}) {
 		};
 		let t = window.scrollY;
 		return document.body.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.top = `-${t}px`, document.body.style.width = "100%", () => {
-			document.body.style.overflow = "", document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, t);
+			document.body.style.overflow = "", document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollY !== t && window.scrollTo(0, t);
 		};
 	}, [e, n]);
 }