chore: multiple add cls (#731)

Author: zombieJ

docs/examples/debug.tsx

@@ -146,7 +146,7 @@ export default () => {
 
       <br />
 
-      <SinglePicker
+      {/* <SinglePicker
         // Shared
         {...sharedLocale}
         showTime
@@ -179,14 +179,17 @@ export default () => {
         onKeyDown={(e) => {
           console.log('🎬 KeyDown:', e);
         }}
-      />
+      /> */}
       <br />
-      {/* <RangePicker
+      <RangePicker
         {...sharedLocale}
         value={rangeValue}
-        separator="~~~~~"
-        showTime={{
-          defaultValue: [dayjs('2000-01-01 01:02:03'), dayjs('2000-01-01 05:06:07')],
+        disabledDate={(current, { from }) => {
+          if (from) {
+            return Math.abs(current.diff(from, 'days')) > 7;
+          }
+
+          return false;
         }}
         changeOnBlur={false}
         showNow
@@ -223,7 +226,7 @@ export default () => {
           start: 'inputStart',
           end: 'inputEnd',
         }}
-      /> */}
+      />
       <br />
 
       <button

src/PickerInput/Selector/SingleSelector/index.tsx

@@ -194,6 +194,7 @@ function SingleSelector<DateType extends object = any>(
       className={classNames(
         prefixCls,
         {
+          [`${prefixCls}-multiple`]: multiple,
           [`${prefixCls}-focused`]: focused,
           [`${prefixCls}-disabled`]: disabled,
           [`${prefixCls}-invalid`]: invalid,

tests/multiple.spec.tsx

@@ -27,6 +27,8 @@ describe('Picker.Multiple', () => {
     const onChange = jest.fn();
     const { container } = render(<DayPicker multiple onChange={onChange} />);
 
+    expect(container.querySelector('.rc-picker-multiple')).toBeTruthy();
+
     openPicker(container);
     selectCell(1);
     selectCell(3);