♻️(react) make datefield inputs reusable

Refactor the date field input to ensure the inclusion of two identical
and reusable date field inputs in the future DateRangePicker component.
By factoring out the common logic and structure, we can create a more efficient
and easily reusable component for selecting date ranges.

packages/react/src/components/Forms/DatePicker/index.scss

@@ -39,6 +39,17 @@
     user-select: none;
     min-width: 0;
 
+    &--collapsed {
+      clip: rect(1px, 1px, 1px, 1px);
+      clip-path: inset(50%);
+      height: 1px;
+      width: 1px;
+      margin: -1px;
+      overflow: hidden;
+      padding: 0;
+      position: absolute
+    }
+
     &--clickable {
       cursor: pointer;
     }