From a49013d15df61d89b7e64ee81139cfda58b88b3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carlos=20Avi=C3=B1a?= <carlosavilu11@gmail.com>
Date: Tue, 10 Dec 2024 13:11:55 -0600
Subject: [PATCH] Remove overflow prop and apply border radius with css instead

---
 packages/gestalt-datepicker/src/DateRange.css | 5 +++++
 packages/gestalt-datepicker/src/DateRange.tsx | 9 +--------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/gestalt-datepicker/src/DateRange.css b/packages/gestalt-datepicker/src/DateRange.css
index 8bed243026..a251bfa0bf 100644
--- a/packages/gestalt-datepicker/src/DateRange.css
+++ b/packages/gestalt-datepicker/src/DateRange.css
@@ -14,6 +14,11 @@ html[dir="rtl"] .borderRight {
   position: relative;
 }
 
+.dateFieldSection:first-child {
+  border-top-left-radius: var(--rounding-400);
+  border-top-right-radius: var(--rounding-400);
+}
+
 .dateFieldSectionActive {
   background-color: var(--color-gray-roboflow-100);
 }
diff --git a/packages/gestalt-datepicker/src/DateRange.tsx b/packages/gestalt-datepicker/src/DateRange.tsx
index 39dcea2dc6..c1e9c3de01 100644
--- a/packages/gestalt-datepicker/src/DateRange.tsx
+++ b/packages/gestalt-datepicker/src/DateRange.tsx
@@ -238,14 +238,7 @@ function DateRange({
   });
 
   return (
-    <Box
-      borderStyle="shadow"
-      color="default"
-      display="inlineBlock"
-      minHeight={425}
-      overflow="hidden"
-      rounding={4}
-    >
+    <Box borderStyle="shadow" color="default" display="inlineBlock" minHeight={425} rounding={4}>
       <Flex>
         {radioGroup &&
         // @ts-expect-error - TS2339