Rename keyboardIcon prop to openPickerIcon #1693

The prop should be named after the icon's functionality/usage. The new name matches the `hideOpenPickerButton` prop. The documentation on the prop already matches this wording. Tested by verifying that the two affected demo pages still work and show the customized icon.

Author: Philipp91

docs/pages/demo/datepicker/AdvancedKeyboard.example.jsx

@@ -17,7 +17,7 @@ function AdvancedKeyboardExample(props) {
           dateFns: 'yyyy/MM/dd',
         })}
         mask="____/__/__"
-        keyboardIcon={<EventNoteIcon />}
+        openPickerIcon={<EventNoteIcon />}
         value={selectedDate}
         onChange={date => handleDateChange(date)}
       />

docs/pages/demo/datetime-picker/CustomDateTimePicker.example.jsx

@@ -25,7 +25,7 @@ function CustomDateTimePicker(props) {
         rightArrowIcon={<SnoozeIcon />}
         leftArrowButtonText="Open previous month"
         rightArrowButtonText="Open next month"
-        keyboardIcon={<ClockIcon />}
+        openPickerIcon={<ClockIcon />}
         minTime={new Date(0, 0, 0, 9)}
         maxTime={new Date(0, 0, 0, 20)}
       />

docs/prop-types.json

@@ -38,7 +38,7 @@ function useDefaultProps({
     acceptRegex: willUseAmPm ? /[\dapAP]/gi : /\d/gi,
     mask: mask || willUseAmPm ? '__:__ _M' : '__:__',
     getOpenDialogAriaText: getTextFieldAriaText,
-    keyboardIcon: <ClockIcon />,
+    openPickerIcon: <ClockIcon />,
     inputFormat: pick12hOr24hFormat(inputFormat, ampm, {
       localized: utils.formats.fullTime,
       '12h': utils.formats.fullTime12h,

lib/src/TimePicker/TimePicker.tsx

@@ -31,7 +31,7 @@ export const KeyboardDateInput: React.FC<DateInputProps & DateInputRefs> = ({
   disabled,
   rifmFormatter,
   TextFieldComponent = TextField,
-  keyboardIcon = <CalendarIcon />,
+  openPickerIcon = <CalendarIcon />,
   variant,
   emptyInputText: emptyLabel,
   disableOpenPicker: hideOpenPickerButton,
@@ -127,7 +127,7 @@ export const KeyboardDateInput: React.FC<DateInputProps & DateInputRefs> = ({
             {...KeyboardButtonProps}
             onClick={onOpen}
           >
-            {keyboardIcon}
+            {openPickerIcon}
           </IconButton>
         </InputAdornment>
       ),

lib/src/_shared/KeyboardDateInput.tsx

@@ -26,7 +26,7 @@ export interface DateInputProps<TInputValue = ParsableDate, TDateValue = Materia
    */
   emptyInputText?: string;
   /** Icon displaying for open picker button */
-  keyboardIcon?: React.ReactNode;
+  openPickerIcon?: React.ReactNode;
   /**
    * Custom mask. Can be used to override generate from format. (e.g. __/__/____ __:__)
    */
@@ -102,7 +102,7 @@ export const PureDateInput: React.FC<DateInputProps & DateInputRefs> = ({
   TextFieldComponent = TextField,
   variant,
   emptyInputText: emptyLabel,
-  keyboardIcon,
+  openPickerIcon,
   disableOpenPicker: hideOpenPickerButton,
   ignoreInvalidInputs,
   KeyboardButtonProps,