@unicef/material-ui 0.12.1 → 0.12.2

package/lib/dev.js

@@ -35424,7 +35424,12 @@ function InputComponent(_ref) {
   var inputRef = _ref.inputRef,
       props = objectWithoutProperties(_ref, ['inputRef']);
 
-  return React__default.createElement('div', _extends$1({ ref: inputRef }, props));
+  return React__default.createElement('div', _extends$1({
+    ref: inputRef
+  }, props, {
+    required: undefined // Remove required from div element
+    , 'aria-invalid': undefined // Remove aria-invalid from div element
+  }));
 }
 
 InputComponent.propTypes = {
@@ -37249,7 +37254,10 @@ function Input$3(props) {
     describedBy = describedBy || customDescribedBy ? '' + (describedBy ? describedBy : '') + (customDescribedBy ? ' ' + customDescribedBy : '') : undefined;
   }
 
-  return React__default.createElement(components.Input, _extends$1({}, props, { 'aria-describedby': describedBy }));
+  return React__default.createElement(components.Input, _extends$1({}, props, {
+    'aria-describedby': describedBy,
+    required: props && props.selectProps && props.selectProps.required || undefined
+  }));
 }
 
 Input$3.propTypes = {
@@ -53258,7 +53266,8 @@ function ActiveKeyboardDatePicker(props) {
       showLabelHelp = props.showLabelHelp,
       InputLabelHelpProps = props.InputLabelHelpProps,
       label = props.label,
-      others = objectWithoutProperties(props, ['autoOk', 'variant', 'inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label']);
+      KeyboardButtonProps = props.KeyboardButtonProps,
+      others = objectWithoutProperties(props, ['autoOk', 'variant', 'inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label', 'KeyboardButtonProps']);
 
   var _React$useState = React__default.useState(classes.icon),
       _React$useState2 = slicedToArray(_React$useState, 2),
@@ -53299,11 +53308,11 @@ function ActiveKeyboardDatePicker(props) {
         disabled: Boolean(readOnly)
       }, inputProps),
       readOnly: readOnly,
-      KeyboardButtonProps: {
+      KeyboardButtonProps: _extends$1({}, KeyboardButtonProps, {
         classes: {
           root: '' + (!interactiveMode && !readOnly ? '' : hideIcon)
         }
-      },
+      }),
       InputProps: _extends$1({
         classes: {
           root: classes.input + ' ' + (readOnly && classes.inputHover),
@@ -53345,14 +53354,17 @@ ActiveKeyboardDatePicker.propTypes = {
   /** Show label help */
   showLabelHelp: PropTypes__default.bool,
   /** Props applied to the input label help element. E.g InputLabelHelpProps={{type:'link', label:'Help', link:'unicef.github.io', icon, tooltipTitle: 'Tooltip title', tooltipPlacement: 'bottom}} */
-  InputLabelHelpProps: PropTypes__default.object
+  InputLabelHelpProps: PropTypes__default.object,
+  /** Keyboard button props */
+  KeyboardButtonProps: PropTypes__default.object
 };
 
 ActiveKeyboardDatePicker.defaultProps = {
   inputVariant: 'outlined',
   autoOk: true,
   variant: 'inline',
-  format: 'dd/MM/yyyy'
+  format: 'dd/MM/yyyy',
+  KeyboardButtonProps: {}
 };
 
 var styles$17 = {
@@ -53675,7 +53687,8 @@ function ActiveKeyboardTimePicker(props) {
       showLabelHelp = props.showLabelHelp,
       InputLabelHelpProps = props.InputLabelHelpProps,
       label = props.label,
-      others = objectWithoutProperties(props, ['inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label']);
+      KeyboardButtonProps = props.KeyboardButtonProps,
+      others = objectWithoutProperties(props, ['inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label', 'KeyboardButtonProps']);
 
   var _React$useState = React__default.useState(classes.icon),
       _React$useState2 = slicedToArray(_React$useState, 2),
@@ -53714,11 +53727,11 @@ function ActiveKeyboardTimePicker(props) {
         disabled: Boolean(readOnly)
       }, inputProps),
       readOnly: readOnly,
-      KeyboardButtonProps: {
+      KeyboardButtonProps: _extends$1({}, KeyboardButtonProps, {
         classes: {
           root: '' + (!interactiveMode && !readOnly ? '' : hideIcon)
         }
-      },
+      }),
       InputProps: _extends$1({
         classes: {
           root: classes.input + ' ' + (readOnly && classes.inputHover),
@@ -53756,13 +53769,16 @@ ActiveKeyboardTimePicker.propTypes = {
   /** Show label help */
   showLabelHelp: PropTypes__default.bool,
   /** Props applied to the input label help element. E.g InputLabelHelpProps={{type:'link', label:'Help', link:'unicef.github.io', icon, tooltipTitle: 'Tooltip title', tooltipPlacement: 'bottom}} */
-  InputLabelHelpProps: PropTypes__default.object
+  InputLabelHelpProps: PropTypes__default.object,
+  /** Keyboard button props */
+  KeyboardButtonProps: PropTypes__default.object
 };
 
 ActiveKeyboardTimePicker.defaultProps = {
   inputVariant: 'outlined',
   autoOk: true,
-  variant: 'inline'
+  variant: 'inline',
+  KeyboardButtonProps: {}
 };
 
 var filter$1 = createFilterOptions();
@@ -54048,7 +54064,8 @@ function ActiveKeyboardDateTimePicker(props) {
       showLabelHelp = props.showLabelHelp,
       InputLabelHelpProps = props.InputLabelHelpProps,
       label = props.label,
-      others = objectWithoutProperties(props, ['autoOk', 'variant', 'inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label']);
+      KeyboardButtonProps = props.KeyboardButtonProps,
+      others = objectWithoutProperties(props, ['autoOk', 'variant', 'inputVariant', 'readOnly', 'interactiveMode', 'InputLabelProps', 'className', 'inputProps', 'InputProps', 'placeholder', 'showLabelHelp', 'InputLabelHelpProps', 'label', 'KeyboardButtonProps']);
 
   var _React$useState = React__default.useState(classes.icon),
       _React$useState2 = slicedToArray(_React$useState, 2),
@@ -54089,11 +54106,11 @@ function ActiveKeyboardDateTimePicker(props) {
         disabled: Boolean(readOnly)
       }, inputProps),
       readOnly: readOnly,
-      KeyboardButtonProps: {
+      KeyboardButtonProps: _extends$1({}, KeyboardButtonProps, {
         classes: {
           root: '' + (!interactiveMode && !readOnly ? '' : hideIcon)
         }
-      },
+      }),
       InputProps: _extends$1({
         classes: {
           root: classes.input + ' ' + (readOnly && classes.inputHover),
@@ -54135,14 +54152,17 @@ ActiveKeyboardDateTimePicker.propTypes = {
   /** Show label help */
   showLabelHelp: PropTypes__default.bool,
   /** Props applied to the input label help element. E.g InputLabelHelpProps={{type:'link', label:'Help', link:'unicef.github.io', icon, tooltipTitle: 'Tooltip title', tooltipPlacement: 'bottom}} */
-  InputLabelHelpProps: PropTypes__default.object
+  InputLabelHelpProps: PropTypes__default.object,
+  /** Keyboard button props */
+  KeyboardButtonProps: PropTypes__default.object
 };
 
 ActiveKeyboardDateTimePicker.defaultProps = {
   inputVariant: 'outlined',
   autoOk: true,
   variant: 'inline',
-  format: 'dd/MM/yyyy hh:mm a'
+  format: 'dd/MM/yyyy hh:mm a',
+  KeyboardButtonProps: {}
 };
 
 exports.ActiveAutoComplete = ActiveAutoComplete;