KeyboardButtonProps updated

unicef · Jan 12, 2024 · 77ef633 · 77ef633
1 parent b356d25
commit 77ef633
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/src/components/ActiveKeyboardDatePicker/ActiveKeyboardDatePicker.js b/src/components/ActiveKeyboardDatePicker/ActiveKeyboardDatePicker.js
@@ -70,6 +70,7 @@ export default function ActiveKeyboardDatePicker(props) {
     showLabelHelp,
     InputLabelHelpProps,
     label,
+    KeyboardButtonProps,
     ...others
   } = props
 
@@ -113,6 +114,7 @@ export default function ActiveKeyboardDatePicker(props) {
         }}
         readOnly={readOnly}
         KeyboardButtonProps={{
+          ...KeyboardButtonProps,
           classes: {
             root: `${!interactiveMode && !readOnly ? '' : hideIcon}`,
           },
@@ -170,11 +172,14 @@ ActiveKeyboardDatePicker.propTypes = {
   showLabelHelp: PropTypes.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.object,
+  /** Keyboard button props */
+  KeyboardButtonProps: PropTypes.object,
 }
 
 ActiveKeyboardDatePicker.defaultProps = {
   inputVariant: 'outlined',
   autoOk: true,
   variant: 'inline',
   format: 'dd/MM/yyyy',
+  KeyboardButtonProps: {},
 }
diff --git a/src/components/ActiveKeyboardDateTimePicker/ActiveKeyboardDateTimePicker.js b/src/components/ActiveKeyboardDateTimePicker/ActiveKeyboardDateTimePicker.js
@@ -69,6 +69,7 @@ export default function ActiveKeyboardDateTimePicker(props) {
     showLabelHelp,
     InputLabelHelpProps,
     label,
+    KeyboardButtonProps,
     ...others
   } = props
 
@@ -112,6 +113,7 @@ export default function ActiveKeyboardDateTimePicker(props) {
         }}
         readOnly={readOnly}
         KeyboardButtonProps={{
+          ...KeyboardButtonProps,
           classes: {
             root: `${!interactiveMode && !readOnly ? '' : hideIcon}`,
           },
@@ -169,11 +171,14 @@ ActiveKeyboardDateTimePicker.propTypes = {
   showLabelHelp: PropTypes.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.object,
+  /** Keyboard button props */
+  KeyboardButtonProps: PropTypes.object,
 }
 
 ActiveKeyboardDateTimePicker.defaultProps = {
   inputVariant: 'outlined',
   autoOk: true,
   variant: 'inline',
   format: 'dd/MM/yyyy hh:mm a',
+  KeyboardButtonProps: {},
 }
diff --git a/src/components/ActiveKeyboardTimePicker/ActiveKeyboardTimePicker.js b/src/components/ActiveKeyboardTimePicker/ActiveKeyboardTimePicker.js
@@ -68,6 +68,7 @@ export default function ActiveKeyboardTimePicker(props) {
     showLabelHelp,
     InputLabelHelpProps,
     label,
+    KeyboardButtonProps,
     ...others
   } = props
 
@@ -109,6 +110,7 @@ export default function ActiveKeyboardTimePicker(props) {
         }}
         readOnly={readOnly}
         KeyboardButtonProps={{
+          ...KeyboardButtonProps,
           classes: {
             root: `${!interactiveMode && !readOnly ? '' : hideIcon}`,
           },
@@ -162,10 +164,13 @@ ActiveKeyboardTimePicker.propTypes = {
   showLabelHelp: PropTypes.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.object,
+  /** Keyboard button props */
+  KeyboardButtonProps: PropTypes.object,
 }
 
 ActiveKeyboardTimePicker.defaultProps = {
   inputVariant: 'outlined',
   autoOk: true,
   variant: 'inline',
+  KeyboardButtonProps: {},
 }