diff --git a/apps/website/screens/components/date-input/code/DateInputCodePage.tsx b/apps/website/screens/components/date-input/code/DateInputCodePage.tsx
index 2d9912210..3984fa188 100644
--- a/apps/website/screens/components/date-input/code/DateInputCodePage.tsx
+++ b/apps/website/screens/components/date-input/code/DateInputCodePage.tsx
@@ -209,7 +209,7 @@ const sections = [
           <tr>
             <td>size</td>
             <td>
-              <TableCode>'medium' | 'large' | 'fillParent'</TableCode>
+              <TableCode>'small' | 'medium' | 'large' | 'fillParent'</TableCode>
             </td>
             <td>Size of the component.</td>
             <td>
diff --git a/packages/lib/src/date-input/DateInput.stories.tsx b/packages/lib/src/date-input/DateInput.stories.tsx
index 8fe5370ea..fce54ba07 100644
--- a/packages/lib/src/date-input/DateInput.stories.tsx
+++ b/packages/lib/src/date-input/DateInput.stories.tsx
@@ -101,6 +101,10 @@ const DateInputChromatic = () => (
       <DxcDateInput label="Xxlarge" margin="xxlarge" />
     </ExampleContainer>
     <Title title="Sizes" theme="light" level={2} />
+    <ExampleContainer>
+      <Title title="Small size" theme="light" level={4} />
+      <DxcDateInput label="Small" size="small" />
+    </ExampleContainer>
     <ExampleContainer>
       <Title title="Medium size" theme="light" level={4} />
       <DxcDateInput label="Medium" size="medium" />
diff --git a/packages/lib/src/date-input/types.ts b/packages/lib/src/date-input/types.ts
index 0f33da44a..9480e0321 100644
--- a/packages/lib/src/date-input/types.ts
+++ b/packages/lib/src/date-input/types.ts
@@ -95,7 +95,7 @@ type Props = {
   /**
    * Size of the component.
    */
-  size?: "medium" | "large" | "fillParent";
+  size?: "small" | "medium" | "large" | "fillParent";
   /**
    * Value of the tabindex attribute.
    */