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

Added new valid size to the dateinput

Author: GomezIvann

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>

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" />

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.
    */