diff --git a/lib/components/form/date-time-button.tsx b/lib/components/form/date-time-button.tsx
index e615eb82c..1f79d7c37 100644
--- a/lib/components/form/date-time-button.tsx
+++ b/lib/components/form/date-time-button.tsx
@@ -42,6 +42,12 @@ const ButtonWrapper = styled.span`
     ${activeCss}
     ${boxShadowCss}
   }
+
+  /* Remove pointer events triggered by children of the button.
+     (they are not captured by floating-ui hover interaction handler.) */
+  & > button > * {
+    pointer-events: none;
+  }
 `
 
 const HoverPanel = styled.div`
@@ -139,8 +145,10 @@ export default function DateTimeButton({
 
   const handleButtonClick = useCallback(
     (e) => {
+      console.log('Datetime button click')
       setOpenWithKeyboard(true)
       if (typeof interactionProps.onClick === 'function') {
+        console.log('Datetime button click activates interaction props.click')
         interactionProps.onClick(e)
       }
     },