UI/ClickOutsideWrapper: Fix for undesirable timepicker behavior (#27164)

packages/grafana-ui/src/components/ClickOutsideWrapper/ClickOutsideWrapper.tsx

@@ -25,17 +25,16 @@ export class ClickOutsideWrapper extends PureComponent<Props, State> {
   };
   };
 
 
   componentDidMount() {
   componentDidMount() {
-    document.addEventListener('click', this.onOutsideClick, false);
+    document.addEventListener('mousedown', this.onOutsideClick, false);
     if (this.props.includeButtonPress) {
     if (this.props.includeButtonPress) {
-      // Use keyup since keydown already has an eventlistener on window
-      document.addEventListener('keyup', this.onOutsideClick, false);
+      document.addEventListener('keydown', this.onOutsideClick, false);
     }
     }
   }
   }
 
 
   componentWillUnmount() {
   componentWillUnmount() {
-    document.removeEventListener('click', this.onOutsideClick, false);
+    document.removeEventListener('mousedown', this.onOutsideClick, false);
     if (this.props.includeButtonPress) {
     if (this.props.includeButtonPress) {
-      document.removeEventListener('keyup', this.onOutsideClick, false);
+      document.removeEventListener('keydown', this.onOutsideClick, false);
     }
     }
   }
   }