Merge pull request #272 from chrishiguto/fix/date-picker-debounced

fix: debounced search function and filter onchange submodule

Author: andreneto97

packages/react-material-ui/src/components/DatePickerField/index.tsx

@@ -22,21 +22,26 @@ const DatePickerField = ({
   const handleDebouncedSearch =
     onDebouncedSearchChange &&
     useMemo(
-      () => debounce(onDebouncedSearchChange, wait),
-      [props?.value, search],
+      () =>
+        debounce(() => {
+          if (onDebouncedSearchChange) {
+            onDebouncedSearchChange(value);
+          }
+        }, wait),
+      [wait, value],
     );
 
   const handleChange = (value: Date | null, context) => {
     setSearch(value);
     onChange?.(value, context);
-    handleDebouncedSearch?.(value);
+    handleDebouncedSearch?.();
   };
 
   useEffect(() => {
     // Keep track of the first render to avoid triggering onDebouncedSearchChange
     // on the initial render. Only trigger when the 'value' changes.
     if (!firstRender.current) {
-      handleDebouncedSearch?.(value);
+      handleDebouncedSearch?.();
     } else {
       firstRender.current = false;
     }
@@ -55,7 +60,7 @@ const DatePickerField = ({
         field: {
           clearable: true,
           onClear: () => {
-            handleDebouncedSearch?.(null);
+            onDebouncedSearchChange?.(null);
           },
         },
         textField: {

packages/react-material-ui/src/components/submodules/Filter/index.tsx

@@ -259,6 +259,8 @@ const FilterSubmodule = (props: Props) => {
               : typeof value === 'undefined'
               ? null
               : (value as Date),
+          onChange: (val: Date | null) =>
+            onFilterChange(id, val, false, reference, referenceValidationFn),
           onDebouncedSearchChange: (val: Date | null) =>
             onFilterChange(id, val, true, reference, referenceValidationFn),
         };