fix: DatePicker cleanup PropTypes

package.json

@@ -59,6 +59,7 @@
     "react-focus-lock": "^2.3.1",
     "react-overlays": "^3.2.0",
     "react-popper": "^2.2.3",
+    "react-required-if": "^1.0.3",
     "shortid": "^2.2.14",
     "tabbable": "^4.0.0"
   },

src/DatePicker/DatePicker.js

@@ -8,6 +8,7 @@ import { isEnabledDate } from '../utils/dateUtils';
 import moment from 'moment';
 import Popover from '../Popover/Popover';
 import PropTypes from 'prop-types';
+import requiredIf from 'react-required-if';
 import { validDateLookup } from './_validDateLookup';
 import { DATEPICKER_TODAY_ACTIONS_TYPES, FORM_MESSAGE_TYPES } from '../utils/constants';
 import React, { Component } from 'react';
@@ -541,7 +542,10 @@ DatePicker.propTypes = {
     */
     todayAction: PropTypes.shape({
         type: PropTypes.oneOf(DATEPICKER_TODAY_ACTIONS_TYPES),
-        label: PropTypes.string.isRequired
+        label: requiredIf(PropTypes.string, todayAction => {
+            const todayActionType = todayAction?.type?.trim();
+            return todayActionType === 'select' || todayActionType === 'navigate';
+        })
     }),
     /** An object identifying a validation message.  The object will include properties for `state` and `text`;
      * _e.g._, \`{ state: \'warning\', text: \'This is your last warning\' }\` */
@@ -572,6 +576,7 @@ DatePicker.defaultProps = {
     defaultValue: '',
     dateFormat: null,
     locale: 'en',
+    localizedText: Calendar.defaultProps.localizedText,
     todayAction: {
         type: 'none'
     },

src/utils/CustomPropTypes/CustomPropTypes.js

@@ -95,8 +95,16 @@ const i18n = (obj) => {
         const valueKeys = Object.keys(value);
 
         if (valueKeys.length !== shapeKeys.length) {
-            let missingKeys = shapeKeys.filter(key => !valueKeys.some(k => key === k));
-            return new Error(`The ${location} \`${propFullName}\` supplied to \`${componentName}\` only has ${valueKeys.length} strings when ${shapeKeys.length} were expected. Missing ${missingKeys.map(key => `\`${key}\``).join(', ')}.`);
+            let missMatchType = '';
+            let missMatchKeys = [];
+            if (valueKeys.length < shapeKeys.length) {
+                missMatchType = 'Missing';
+                missMatchKeys = shapeKeys.filter(key => !valueKeys.some(k => key === k));
+            } else {
+                missMatchType = 'Extra';
+                missMatchKeys = valueKeys.filter(key => !shapeKeys.some(k => key === k));
+            }
+            return new Error(`The ${location} \`${propFullName}\` supplied to \`${componentName}\` has ${valueKeys.length} string(s) when ${shapeKeys.length} were expected. ${missMatchType} ${missMatchKeys.map(key => `\`${key}\``).join(', ')}.`);
         }
 
         return null;