docs(DateInput): add paste date-time example (DS-5159)

packages/components/src/components/DateInput/DateInput.mdx

@@ -93,3 +93,9 @@ and pass the `locale` prop.
 You can also use the date field to select both date and time.
 
 <Story of={Stories.DateTime} />
+
+## Paste date and time
+
+Use this example for date fields where users may paste values instead of typing them.
+
+<Story of={Stories.PasteDateTime} />

packages/components/src/components/DateInput/DateInput.stories.tsx

@@ -4,8 +4,10 @@ import {
   now,
   today,
   parseDate,
+  parseDateTime,
   getLocalTimeZone,
   parseZonedDateTime,
+  type CalendarDateTime,
 } from '@internationalized/date';
 import { IconCalendarO16 } from '@koobiq/react-icons';
 import type { Meta, StoryObj } from '@storybook/react';
@@ -173,3 +175,44 @@ export const DateTime: Story = {
     );
   },
 };
+
+export const PasteDateTime: Story = {
+  name: 'Paste date and time',
+  render: function Render() {
+    const [value, setValue] = useState<CalendarDateTime | null>(null);
+    const [error, setError] = useState<string | null>(null);
+
+    return (
+      <DateInput
+        hideTimeZone
+        hourCycle={24}
+        granularity="minute"
+        label="Date and time"
+        value={value}
+        onChange={(newValue) => {
+          setValue(newValue);
+          setError(null);
+        }}
+        isInvalid={Boolean(error)}
+        errorMessage={error}
+        caption="Paste ISO value: 2026-06-15T14:30"
+        slotProps={{
+          inputDate: {
+            onPaste: (event) => {
+              event.preventDefault();
+
+              const text = event.clipboardData.getData('text/plain').trim();
+
+              try {
+                setValue(parseDateTime(text));
+                setError(null);
+              } catch {
+                setError('Use date and time format: YYYY-MM-DDTHH:mm');
+              }
+            },
+          },
+        }}
+      />
+    );
+  },
+};