fix:修复日期范围选择器样式 (#5016)

* fix:修复日期范围选择器样式

* pref:更新测试用例

* pref:去的fis轮询

Co-authored-by: hongyang03 <hongyang03@baidu.com>

fis-conf.js

@@ -15,7 +15,7 @@ fis.set('project.ignore', [
   '.*/**'
 ]);
 // 配置只编译哪些文件。
-fis.config.set("project.watch.usePolling", true)
+
 const Resource = fis.require('postpackager-loader/lib/resource.js');
 const versionHash = fis.util.md5(package.version);
 

packages/amis-ui/scss/components/form/_date-range.scss

@@ -106,9 +106,14 @@
   padding: 0;
 }
 
+.#{$ns}DateRangePicker-picker-wrap {
+  display: flex;
+}
+
 .#{$ns}DateRangePicker-start,
 .#{$ns}DateRangePicker-end {
-  display: block;
+  display: flex;
+  flex: 1;
 
   .rdtPicker {
     padding: 0;

packages/amis-ui/src/components/DateRangePicker.tsx

@@ -1287,6 +1287,7 @@ export class DateRangePicker extends React.Component<
     return (
       <div className={cx(`${ns}DateRangePicker-wrap`)} ref={this.calendarRef}>
         {this.renderRanges(ranges)}
+        <div className={cx(`${ns}DateRangePicker-picker-wrap`)}>
         {(!isTimeRange || (editState === 'start' && !embed)) && (
           <Calendar
             className={`${ns}DateRangePicker-start`}
@@ -1345,6 +1346,7 @@ export class DateRangePicker extends React.Component<
             timeRangeHeader="结束时间"
           />
         )}
+        </div>
 
         {embed ? null : (
           <div key="button" className={`${ns}DateRangePicker-actions`}>

packages/amis-ui/src/components/MonthRangePicker.tsx

@@ -479,6 +479,7 @@ export class MonthRangePicker extends React.Component<
     return (
       <div className={`${ns}DateRangePicker-wrap`}>
         {this.renderRanges(ranges)}
+        <div className={cx(`${ns}DateRangePicker-picker-wrap`)}>
         <Calendar
           className={`${ns}DateRangePicker-start`}
           value={startDate}
@@ -515,6 +516,7 @@ export class MonthRangePicker extends React.Component<
           renderMonth={this.renderMonth}
           locale={locale}
         />
+        </div>
 
         {embed ? null : (
           <div key="button" className={cx('DateRangePicker-actions')}>