diff --git a/packages/react-date-picker/src/DatePicker.tsx b/packages/react-date-picker/src/DatePicker.tsx
index 8748c50a..c2c2c5f9 100644
--- a/packages/react-date-picker/src/DatePicker.tsx
+++ b/packages/react-date-picker/src/DatePicker.tsx
@@ -470,6 +470,7 @@ export default function DatePicker(props: DatePickerProps) {
 
       if (
         target &&
+        (!target.id || !target.id.startsWith('radix-')) &&
         wrapperEl &&
         !wrapperEl.contains(target) &&
         (!calendarWrapperEl || !calendarWrapperEl.contains(target))
@@ -637,7 +638,7 @@ export default function DatePicker(props: DatePickerProps) {
       ref={wrapper}
     >
       {renderInputs()}
-      {renderCalendar()}
+      {isOpen ? renderCalendar() : null}
     </div>
   );
 }