TDW: upgrade packages, remove unnecessary resolutions (#1300)

Author: jasonbasuil

package.json

@@ -19,19 +19,18 @@
     "@tiptap/pm": "^2.7.4",
     "@tiptap/react": "^2.7.4",
     "@tiptap/suggestion": "^2.7.4",
-    "date-fns": "^3.6.0",
+    "date-fns": "^4.1.0",
     "date-fns-tz": "^3.1.3",
     "react-bootstrap": "^2.10.5",
     "react-currency-input-field": "^3.8.0",
-    "react-datepicker": "^6.9.0",
+    "react-datepicker": "^7.5.0",
     "react-loading-skeleton": "^3.4.0",
-    "react-router-dom": "^5.3.4",
     "react-select": "^5.8.1",
     "react-toggle": "^4.1.3",
     "react-transition-group": "^4.4.5",
     "sanitize-html": "^2.13.0",
     "tippy.js": "^6.3.7",
-    "uuid": "^7.0.3"
+    "uuid": "^11.0.3"
   },
   "scripts": {
     "build": "NODE_ENV=production babel src --out-dir lib --copy-files --extensions '.js,.jsx,.ts,.tsx' && tsc",
@@ -113,7 +112,7 @@
     "@storybook/react-webpack5": "^8.4.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^15.0.7",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.13",
@@ -130,18 +129,18 @@
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "babel-preset-react": "^6.24.1",
     "bootstrap": "5.1.3",
-    "chromatic": "^6.24.1",
+    "chromatic": "^11.18.1",
     "classnames": "^2.5.1",
     "css-loader": "^6.11.0",
     "eslint": "^8.57.1",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-import": "^2.30.0",
     "eslint-plugin-jsx-a11y": "^6.10.0",
-    "eslint-plugin-local-rules": "^2.0.1",
+    "eslint-plugin-local-rules": "^3.0.2",
     "eslint-plugin-no-only-tests": "^3.3.0",
     "eslint-plugin-react": "^7.36.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-utils": "^3.0.0",
     "file-loader": "^6.2.0",
     "jest": "^29.7.0",
@@ -161,20 +160,14 @@
     "sass-loader": "^16.0.2",
     "storybook": "^8.4.2",
     "storybook-addon-designs": "6.3.1",
-    "style-loader": "^1.3.0",
+    "style-loader": "^4.0.0",
     "typescript": "^5.5.4",
     "webpack": "^5.95.0",
     "yalc": "^1.0.0-pre.53"
   },
   "resolutions": {
-    "@babel/helper-create-regexp-features-plugin": "^7.22.15",
-    "cookie": "^0.7.0",
-    "express": "^4.21.0",
     "istanbul-lib-instrument": "^6.0.0",
-    "jackspeak": "2.1.1",
     "micromatch": "^4.0.8",
-    "normalize-package-data": "^3.0.0",
-    "path-to-regexp@npm:^1.7.0": "^1.9.0",
     "semver": "^7.5.3"
   },
   "description": "UI Storybook design system",

src/DateTimePicker/DateTimePicker.tsx

@@ -178,14 +178,14 @@ function DateTimePicker({
         adjustDateOnChange
         allowSameDay
         className={showPickerEnforcedInput ? '' : 'date-time-picker__input-group'}
-        customInput={showPickerEnforcedInput && (
+        customInput={showPickerEnforcedInput ? (
           <PickerEnforcedInput
             disabled={disabled}
             inputClassName={inputClassName}
             name={name}
             startDate={startDate}
           />
-        )}
+        ) : undefined}
         dateFormat={getDateFormat()}
         disabled={disabled}
         dropdownMode="select"