🩹(react) fix DateRangePicker layout overflow

Resolved a width conflict in the date range picker where the field width
conflicted with the component's min-width. This caused content
overflow in the field container, resulting in layout issues.

packages/react/src/components/Forms/DatePicker/DatePickerAux.tsx

@@ -46,6 +46,7 @@ export type DatePickerAuxProps = PropsWithChildren &
     isFocused: boolean;
     labelAsPlaceholder: boolean;
     optionalClassName?: string;
+    isRange?: boolean;
     onClear: () => void;
   };
 
@@ -67,6 +68,7 @@ const DatePickerAux = forwardRef(
       locale,
       disabled = false,
       optionalClassName,
+      isRange,
       ...props
     }: DatePickerAuxProps,
     ref: Ref<HTMLDivElement>,
@@ -82,7 +84,12 @@ const DatePickerAux = forwardRef(
 
     return (
       <I18nProvider locale={locale || currentLocale}>
-        <Field {...props}>
+        <Field
+          {...props}
+          className={classNames({
+            "c__date-picker__range__container": isRange,
+          })}
+        >
           <div
             ref={pickerRef}
             className={classNames(["c__date-picker", optionalClassName], {