diff --git a/docs/examples/debug.tsx b/docs/examples/debug.tsx
index 47d1e1669..345c9c748 100644
--- a/docs/examples/debug.tsx
+++ b/docs/examples/debug.tsx
@@ -163,6 +163,10 @@ export default () => {
           // dayjs('2000-01-09'),
         ]}
         // disabledDate={(date) => date.date() >= 5}
+        getPopupContainer={(node) => {
+          console.log('Popup!', node);
+          return node.parentElement!;
+        }}
         presets={[
           {
             label: 'Good',
@@ -192,6 +196,7 @@ export default () => {
       <RangePicker
         {...sharedLocale}
         value={rangeValue}
+        separator="~~~~~"
         showTime={{
           defaultValue: [dayjs('2000-01-01 01:02:03'), dayjs('2000-01-01 05:06:07')],
         }}
diff --git a/src/PickerInput/RangePicker.tsx b/src/PickerInput/RangePicker.tsx
index eb0d76939..23204b5ce 100644
--- a/src/PickerInput/RangePicker.tsx
+++ b/src/PickerInput/RangePicker.tsx
@@ -46,13 +46,15 @@ function separateConfig<T>(config: T | [T, T] | null | undefined, defaultConfig:
   return [singleConfig, singleConfig];
 }
 
-export type RangeValueType<DateType> = [start?: DateType, end?: DateType];
+export type RangeValueType<DateType> = [start?: DateType | null, end?: DateType | null];
 
 export interface BaseRangePickerProps<DateType extends object>
   extends Omit<SharedPickerProps<DateType>, 'showTime' | 'id'> {
   // Structure
   id?: SelectorIdType;
 
+  separator?: React.ReactNode;
+
   // Value
   value?: RangeValueType<DateType>;
   defaultValue?: RangeValueType<DateType>;