diff --git a/src/Picker.tsx b/src/Picker.tsx
index 6b1ecc670..e9124224e 100644
--- a/src/Picker.tsx
+++ b/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}
diff --git a/src/RangePicker.tsx b/src/RangePicker.tsx
index 804c89f21..820c9d727 100644
--- a/src/RangePicker.tsx
+++ b/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}
diff --git a/tests/picker.spec.tsx b/tests/picker.spec.tsx
index aa2e7d2b5..1d97c30d2 100644
--- a/tests/picker.spec.tsx
+++ b/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');
+  });
 });
diff --git a/tests/range.spec.tsx b/tests/range.spec.tsx
index 0c625b261..34f8d560c 100644
--- a/tests/range.spec.tsx
+++ b/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');
+  });
 });