diff --git a/src/past-time-picker/PastTimePicker.tsx b/src/past-time-picker/PastTimePicker.tsx
index c517e56bb9..1e3dbe1d8b 100644
--- a/src/past-time-picker/PastTimePicker.tsx
+++ b/src/past-time-picker/PastTimePicker.tsx
@@ -212,6 +212,11 @@ const PastTimePicker = (props: PastTimePickerProps) => {
         className={className}
         style={style}
         onClick={() => setControlledVisible(!controlledVisible)}
+        onClear={(e) => {
+          e.stopPropagation();
+          handleOnSelect(null);
+          restProps?.onClear?.(e);
+        }}
       />
     );
   }
diff --git a/src/past-time-picker/demos/PastTimePicker.stories.tsx b/src/past-time-picker/demos/PastTimePicker.stories.tsx
index c4696988f7..03eddcae40 100644
--- a/src/past-time-picker/demos/PastTimePicker.stories.tsx
+++ b/src/past-time-picker/demos/PastTimePicker.stories.tsx
@@ -20,7 +20,7 @@ export default {
   },
 } as Meta;
 
-const Template: Story<PastTimePickerProps> = (args) => <PastTimePicker onSelect={action('selected value:')} placeholder="时间范围"  {...args} />
+const Template: Story<PastTimePickerProps> = (args) => <PastTimePicker onSelect={action('selected value:')} allowClear placeholder="时间范围"  {...args} />
 
 export const Quick = Template.bind({});
 Quick.args = {