fix: SW-1040 Updated fields clickable area

components/DatePicker/date-picker.module.css

@@ -1,12 +1,3 @@
-.container {
-  overflow: hidden;
-  position: relative;
-
-  &[data-isopen="true"] {
-    overflow: visible;
-  }
-}
-
 .btn {
   background: none;
   border: none;
@@ -15,6 +6,12 @@
   padding: 0;
   width: 100%;
   text-align: left;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  padding: 20px var(--Spacing-x-one-and-half) 0;
 }
 
 .body {
@@ -33,6 +30,7 @@
 @media screen and (max-width: 1366px) {
   .container {
     z-index: 10001;
+    height: 24px;
   }
 
   .hideWrapper {
@@ -63,6 +61,6 @@
       border-width + 
       wanted space below booking widget
      */
-    top: calc(100% + var(--Spacing-x2) + 1px + var(--Spacing-x4));
+    top: calc(100% + var(--Spacing-x1) + 1px + var(--Spacing-x4));
   }
 }