feat: add date picker component prop size

nexxtway · Sep 27, 2022 · 40938d2 · 40938d2
1 parent 2b5b73e
commit 40938d2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/src/components/DatePicker/index.d.ts b/src/components/DatePicker/index.d.ts
@@ -30,6 +30,7 @@ export interface DatePickerProps extends BaseProps {
     variant?: 'single' | 'double';
     icon?: ReactNode;
     disabledDays?: Array<Date | string>;
+    size?: 'small' | 'medium' | 'large';
 }
 
 export default function(props: DatePickerProps): JSX.Element | null;
diff --git a/src/components/DatePicker/index.js b/src/components/DatePicker/index.js
@@ -43,6 +43,7 @@ const DatePicker = React.forwardRef((props, ref) => {
         selectionType,
         icon: iconInProps,
         disabledDays,
+        size,
     } = useReduxForm(props);
 
     const currentLocale = useLocale(locale);
@@ -129,6 +130,7 @@ const DatePicker = React.forwardRef((props, ref) => {
                 readOnly={readOnly}
                 disabled={disabled}
                 tabIndex={tabIndex}
+                size={size}
             />
             <DatePickerModal
                 id={modalId}
@@ -217,6 +219,8 @@ DatePicker.propTypes = {
     disabledDays: PropTypes.arrayOf(
         PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]),
     ),
+    /** The size of the input. Valid values are small, and large. */
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
 };
 
 DatePicker.defaultProps = {
@@ -248,6 +252,7 @@ DatePicker.defaultProps = {
     variant: 'single',
     icon: undefined,
     disabledDays: [],
+    size: 'medium',
 };
 
 export default DatePicker;
diff --git a/src/components/Input/pickerInput/index.js b/src/components/Input/pickerInput/index.js
@@ -107,6 +107,7 @@ export default class Input extends Component {
             hideLabel,
             labelAlignment,
             iconPosition,
+            size,
         } = this.props;
 
         return (
@@ -126,6 +127,7 @@ export default class Input extends Component {
                             iconPosition={iconPosition}
                             readOnly={readOnly}
                             error={error}
+                            size={size}
                         >
                             {icon}
                         </StyledIconContainer>
@@ -189,6 +191,7 @@ Input.propTypes = {
     autoComplete: PropTypes.string,
     labelAlignment: PropTypes.oneOf(['left', 'center', 'right']),
     hideLabel: PropTypes.bool,
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
 };
 
 Input.defaultProps = {
@@ -220,4 +223,5 @@ Input.defaultProps = {
     autoComplete: 'on',
     labelAlignment: 'center',
     hideLabel: false,
+    size: 'medium',
 };