Fix onblur function parameter

packages/ra-core/src/form/useInput.ts

@@ -153,7 +153,9 @@ export type InputProps<ValueType = any> = Omit<
 export type UseInputValue = {
     id: string;
     isRequired: boolean;
-    field: ControllerRenderProps;
+    field: Omit<ControllerRenderProps, 'onBlur'> & {
+        onBlur: (...event: any[]) => void;
+    };
     formState: UseFormStateReturn<Record<string, string>>;
     fieldState: ControllerFieldState;
 };

packages/ra-ui-materialui/src/input/AutocompleteInput.spec.tsx

@@ -1282,6 +1282,30 @@ describe('<AutocompleteInput />', () => {
         });
     });
 
+    it('should pass the event object to the onBlur callback', async () => {
+        const onBlur = jest.fn();
+        render(
+            <AdminContext dataProvider={testDataProvider()}>
+                <SimpleForm onSubmit={jest.fn()}>
+                    <AutocompleteInput
+                        {...defaultProps}
+                        choices={[{ id: 0, name: 'foo' }]}
+                        onBlur={onBlur}
+                    />
+                </SimpleForm>
+            </AdminContext>
+        );
+        const input = screen.getByLabelText(
+            'resources.users.fields.role'
+        ) as HTMLInputElement;
+
+        fireEvent.blur(input);
+
+        expect(onBlur).toHaveBeenCalledWith(
+            expect.objectContaining({ type: 'blur' })
+        );
+    });
+
     describe('Inside <ReferenceInput>', () => {
         it('should work inside a ReferenceInput field', async () => {
             render(<InsideReferenceInput />);

packages/ra-ui-materialui/src/input/AutocompleteInput.tsx

@@ -418,24 +418,27 @@ If you provided a React element for the optionText prop, you must also provide t
         ]
     );
 
-    const finalOnBlur = useCallback((): void => {
-        if (clearOnBlur && !multiple) {
-            const optionLabel = getOptionLabel(selectedChoice);
-            if (!isEqual(optionLabel, filterValue)) {
-                setFilterValue(optionLabel);
-                debouncedSetFilter('');
+    const finalOnBlur = useCallback(
+        (event): void => {
+            if (clearOnBlur && !multiple) {
+                const optionLabel = getOptionLabel(selectedChoice);
+                if (!isEqual(optionLabel, filterValue)) {
+                    setFilterValue(optionLabel);
+                    debouncedSetFilter('');
+                }
             }
-        }
-        field.onBlur();
-    }, [
-        clearOnBlur,
-        field,
-        getOptionLabel,
-        selectedChoice,
-        filterValue,
-        debouncedSetFilter,
-        multiple,
-    ]);
+            field.onBlur(event);
+        },
+        [
+            clearOnBlur,
+            field,
+            getOptionLabel,
+            selectedChoice,
+            filterValue,
+            debouncedSetFilter,
+            multiple,
+        ]
+    );
 
     useEffect(() => {
         if (!multiple) {

packages/ra-ui-materialui/src/input/NumberInput.spec.tsx

@@ -484,7 +484,9 @@ describe('<NumberInput />', () => {
             );
             const input = screen.getByLabelText('resources.posts.fields.views');
             fireEvent.blur(input);
-            expect(onBlur).toHaveBeenCalled();
+            expect(onBlur).toHaveBeenCalledWith(
+                expect.objectContaining({ type: 'blur' })
+            );
         });
 
         it('should display error message onBlur if required', async () => {

packages/ra-ui-materialui/src/input/NumberInput.tsx

@@ -109,9 +109,9 @@ export const NumberInput = ({
         hasFocus.current = true;
     };
 
-    const handleBlur = () => {
+    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {
         if (onBlurFromField) {
-            onBlurFromField();
+            onBlurFromField(event);
         }
         hasFocus.current = false;
         const stringValue = format(field.value);