fix(DateRangePicker): fix layout misalignment due to missing min-width (

#3523)

* fix(DateRangePicker): fix layout misalignment due to missing min-width

* fix: remove data-testid

src/DateRangePicker/DateRangePicker.tsx

@@ -811,6 +811,12 @@ const DateRangePicker: DateRangePicker = React.forwardRef((props: DateRangePicke
     const panelClasses = prefix('daterange-panel', {
       'daterange-panel-show-one-calendar': showOneCalendar
     });
+
+    /**
+     * Set a min-width (528px) when there are two calendars
+     * @see https://github.com/rsuite/rsuite/issues/3522
+     */
+    const panelStyles: React.CSSProperties = { minWidth: showOneCalendar ? 'auto' : 528 };
     const styles = { ...menuStyle, left, top };
 
     const calendarProps = {
@@ -846,7 +852,7 @@ const DateRangePicker: DateRangePicker = React.forwardRef((props: DateRangePicke
         target={triggerRef}
         style={styles}
       >
-        <div className={panelClasses}>
+        <div className={panelClasses} style={panelStyles}>
           <Stack alignItems="flex-start">
             {sideRanges.length > 0 && (
               <PredefinedRanges