Merge pull request #2102 from dxc-technology/jialecl-dateInputSmall

Added new valid size to the dateinput
dxc-technology · Oct 17, 2024 · 4e2c35b · 4e2c35b
2 parents a749132 + ed971c5
commit 4e2c35b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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
@@ -95,7 +95,7 @@ type Props = {
   /**
    * Size of the component.
    */
-  size?: "medium" | "large" | "fillParent";
+  size?: "small" | "medium" | "large" | "fillParent";
   /**
    * Value of the tabindex attribute.
    */