@patternfly/react-core 4.233.0 → 4.233.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.233.0",
+  "version": "4.233.1",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -50,16 +50,16 @@
     "generate": "node scripts/copyStyles.js"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^4.84.0",
-    "@patternfly/react-styles": "^4.83.0",
-    "@patternfly/react-tokens": "^4.85.0",
+    "@patternfly/react-icons": "^4.84.1",
+    "@patternfly/react-styles": "^4.83.1",
+    "@patternfly/react-tokens": "^4.85.1",
     "focus-trap": "6.9.2",
     "react-dropzone": "9.0.0",
     "tippy.js": "5.1.2",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "4.209.0",
+    "@patternfly/patternfly": "4.210.1",
     "@rollup/plugin-commonjs": "^22.0.2",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-replace": "^4.0.0",
@@ -76,5 +76,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "816b8605d11e6374b6f6b4c5d6da80d43265fc70"
+  "gitHead": "087772914de4376ccf08cfb6d582a68660e3eced"
 }

package/src/components/TimePicker/TimePicker.tsx

@@ -107,6 +107,7 @@ export class TimePicker extends React.Component<TimePickerProps, TimePickerState
     inputProps: {},
     minTime: '',
     maxTime: '',
+    isOpen: false,
     setIsOpen: () => {}
   };
 
@@ -490,24 +491,31 @@ export class TimePicker extends React.Component<TimePickerProps, TimePickerState
       />
     );
 
+    let calculatedAppendTo;
+    switch (menuAppendTo) {
+      case 'inline':
+        calculatedAppendTo = () => this.toggleRef.current;
+        break;
+      case 'parent':
+        calculatedAppendTo = getParentElement;
+        break;
+      default:
+        calculatedAppendTo = menuAppendTo as HTMLElement;
+    }
+
     return (
       <div ref={this.baseComponentRef} className={css(datePickerStyles.datePicker, className)}>
         <div className={css(datePickerStyles.datePickerInput)} style={style} {...props}>
           <InputGroup>
             <div id={randomId}>
               <div ref={this.toggleRef} style={{ paddingLeft: '0' }}>
-                {menuAppendTo !== 'inline' ? (
-                  <Popper
-                    appendTo={menuAppendTo === 'parent' ? getParentElement() : menuAppendTo}
-                    trigger={textInput}
-                    popper={menuContainer}
-                    isVisible={isTimeOptionsOpen}
-                  />
-                ) : (
-                  textInput
-                )}
+                <Popper
+                  appendTo={calculatedAppendTo}
+                  trigger={textInput}
+                  popper={menuContainer}
+                  isVisible={isTimeOptionsOpen}
+                />
               </div>
-              {isTimeOptionsOpen && menuAppendTo === 'inline' && menuContainer}
             </div>
           </InputGroup>
           {isInvalid && (