diff --git a/docs/pages/demo/daterangepicker/CustomRangeInputs.example.tsx b/docs/pages/demo/daterangepicker/CustomRangeInputs.example.tsx
index d8006c8ceba1f2..6e21d8ccb9308b 100644
--- a/docs/pages/demo/daterangepicker/CustomRangeInputs.example.tsx
+++ b/docs/pages/demo/daterangepicker/CustomRangeInputs.example.tsx
@@ -11,8 +11,11 @@ export default function CustomRangeInputs() {
       onChange={(date) => handleDateChange(date)}
       renderInput={(startProps, endProps) => (
         <React.Fragment>
-          <input ref={startProps.ref as React.Ref<HTMLInputElement>} {...startProps.inputProps} />
-          <input ref={endProps.ref as React.Ref<HTMLInputElement>} {...endProps.inputProps} />
+          <input
+            ref={startProps.inputRef as React.Ref<HTMLInputElement>}
+            {...startProps.inputProps}
+          />
+          <input ref={endProps.inputRef as React.Ref<HTMLInputElement>} {...endProps.inputProps} />
         </React.Fragment>
       )}
     />