chore: Update dom strcutrue

src/Picker.tsx

@@ -377,6 +377,11 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
     />
   );
 
+  let suffixNode: React.ReactNode;
+  if (suffixIcon) {
+    suffixNode = <span className={`${prefixCls}-suffix`}>{suffixIcon}</span>;
+  }
+
   let clearNode: React.ReactNode;
   if (allowClear && mergedValue && !disabled) {
     clearNode = (
@@ -430,7 +435,7 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
               placeholder={placeholder}
               ref={inputRef}
             />
-            {suffixIcon}
+            {suffixNode}
             {clearNode}
           </div>
         </PickerTrigger>

tests/__snapshots__/picker.spec.tsx.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Basic icon 1`] = `
+<div
+  class="rc-picker-input"
+>
+  <input
+    readonly=""
+    value="1990-09-03"
+  />
+  <span
+    class="rc-picker-suffix"
+  >
+    <span
+      class="suffix-icon"
+    />
+  </span>
+  <span
+    class="rc-picker-clear"
+  >
+    <span
+      class="suffix-icon"
+    />
+  </span>
+</div>
+`;

tests/picker.spec.tsx

@@ -431,4 +431,17 @@ describe('Basic', () => {
     wrapper.find('.rc-picker-today-btn').simulate('click');
     expect(isSame(onSelect.mock.calls[0][0], '1990-09-03')).toBeTruthy();
   });
+
+  it('icon', () => {
+    const wrapper = mount(
+      <MomentPicker
+        defaultValue={getMoment('1990-09-03')}
+        suffixIcon={<span className="suffix-icon" />}
+        clearIcon={<span className="suffix-icon" />}
+        allowClear
+      />,
+    );
+
+    expect(wrapper.find('.rc-picker-input').render()).toMatchSnapshot();
+  });
 });