css: improve style according to design, ref: #1418

components/date-picker/RangePicker.tsx

@@ -86,14 +86,16 @@ export default class RangePicker extends React.Component<any, any> {
 
   render() {
     const props = this.props;
-    const { disabledDate, disabledTime, showTime,
-      prefixCls, popupStyle, style, onOk, locale,
-      format,
+    const {
+      disabledDate, disabledTime, showTime,
+      ranges, prefixCls, popupStyle,
+      style, onOk, locale, format,
     } = props;
     const state = this.state;
 
     const calendarClassName = classNames({
       [`${prefixCls}-time`]: showTime,
+      [`${prefixCls}-range-with-ranges`]: ranges,
     });
 
     // 需要选择时间时，点击 ok 时才触发 onChange

components/date-picker/style/RangePicker.less

@@ -229,6 +229,19 @@
       line-height: 22px;
     }
   }
+
+  &-with-ranges.@{calendar-prefix-cls}-time .@{calendar-timepicker-prefix-cls} {
+    height: 243px;
+    &-panel {
+      height: 277px;
+    }
+    &-inner {
+      height: 277px;
+    }
+    &-select ul {
+      max-height: 242px;
+    }
+  }
 }
 
 .@{calendar-prefix-cls}-range.@{calendar-prefix-cls}-show-time-picker {