feat: id should work on Picker (#54)

* feat: support picker id

* rangepicker

Author: zombieJ

src/Picker.tsx

@@ -49,6 +49,7 @@ export interface PickerSharedProps<DateType> extends React.AriaAttributes {
   defaultOpen?: boolean;
   /** Make input readOnly to avoid popup keyboard in mobile */
   inputReadOnly?: boolean;
+  id?: string;
 
   // Value
   format?: string | string[];
@@ -127,6 +128,7 @@ interface MergedPickerProps<DateType>
 function InnerPicker<DateType>(props: PickerProps<DateType>) {
   const {
     prefixCls = 'rc-picker',
+    id,
     style,
     className,
     dropdownClassName,
@@ -463,6 +465,7 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
         >
           <div className={`${prefixCls}-input`} ref={inputDivRef}>
             <input
+              id={id}
               disabled={disabled}
               readOnly={inputReadOnly || !typing}
               value={text}

src/RangePicker.tsx

@@ -55,6 +55,7 @@ function canValueTrigger<DateType>(
 }
 
 export interface RangePickerSharedProps<DateType> {
+  id?: string;
   value?: RangeValue<DateType>;
   defaultValue?: RangeValue<DateType>;
   defaultPickerValue?: [DateType, DateType];
@@ -136,6 +137,7 @@ interface MergedRangePickerProps<DateType>
 function InnerRangePicker<DateType>(props: RangePickerProps<DateType>) {
   const {
     prefixCls = 'rc-picker',
+    id,
     style,
     className,
     popupStyle,
@@ -887,6 +889,7 @@ function InnerRangePicker<DateType>(props: RangePickerProps<DateType>) {
             ref={startInputDivRef}
           >
             <input
+              id={id}
               disabled={mergedDisabled[0]}
               readOnly={inputReadOnly || !startTyping}
               value={startText}

tests/picker.spec.tsx

@@ -612,4 +612,9 @@ describe('Picker.Basic', () => {
       expect(wrapper.find('input').props().value).toEqual(text);
     });
   });
+
+  it('id', () => {
+    const wrapper = mount(<MomentPicker id="light" />);
+    expect(wrapper.find('input').props().id).toEqual('light');
+  });
 });

tests/range.spec.tsx

@@ -1036,4 +1036,14 @@ describe('Picker.Range', () => {
     testOrderOnTime(false, '23:00:00', '02:00:00');
     testOrderOnTime(true, '02:00:00', '23:00:00');
   });
+
+  it('id', () => {
+    const wrapper = mount(<MomentRangePicker id="bamboo" />);
+    expect(
+      wrapper
+        .find('input')
+        .first()
+        .props().id,
+    ).toEqual('bamboo');
+  });
 });