diff --git a/code/addons/interactions/src/components/MethodCall.stories.tsx b/code/addons/interactions/src/components/MethodCall.stories.tsx
index 1ab027dd5dec..929c0c7c9587 100644
--- a/code/addons/interactions/src/components/MethodCall.stories.tsx
+++ b/code/addons/interactions/src/components/MethodCall.stories.tsx
@@ -71,6 +71,7 @@ export const Args = () => (
     />
     <Node value={{ __date__: { value: new Date(1600000000000).toISOString() } }} />
     <Node value={{ __date__: { value: new Date(1600000000123).toISOString() } }} />
+    <Node value={{ __date__: { value: new Date(1600000000123) } }} />
     <Node value={{ __error__: { name: 'EvalError', message: '' } }} />
     <Node value={{ __error__: { name: 'SyntaxError', message: "Can't do that" } }} />
     <Node
diff --git a/code/addons/interactions/src/components/MethodCall.tsx b/code/addons/interactions/src/components/MethodCall.tsx
index c272f7863065..01094102a3ae 100644
--- a/code/addons/interactions/src/components/MethodCall.tsx
+++ b/code/addons/interactions/src/components/MethodCall.tsx
@@ -1,5 +1,6 @@
 import type { ReactElement } from 'react';
 import React, { Fragment } from 'react';
+import { logger } from 'storybook/internal/client-logger';
 
 import { useTheme } from 'storybook/internal/theming';
 
@@ -344,9 +345,19 @@ export const ElementNode = ({
   );
 };
 
-export const DateNode = ({ value }: { value: string }) => {
-  const [date, time, ms] = value.split(/[T.Z]/);
+export const DateNode = ({ value }: { value: string | Date }) => {
+  let parsed = new Date(value);
+  if (isNaN(+parsed)) {
+    logger.warn('Invalid date value:', value);
+    parsed = null;
+  }
+
   const colors = useThemeColors();
+  if (!parsed) {
+    return <span style={{ whiteSpace: 'nowrap', color: colors.date }}>Invalid date</span>;
+  }
+
+  const [date, time, ms] = parsed.toISOString().split(/[T.Z]/);
   return (
     <span style={{ whiteSpace: 'nowrap', color: colors.date }}>
       {date}