diff --git a/components/time-picker/demo/range-picker.tsx b/components/time-picker/demo/range-picker.tsx
index 9f73090e65e8..9d4ce8350615 100644
--- a/components/time-picker/demo/range-picker.tsx
+++ b/components/time-picker/demo/range-picker.tsx
@@ -1,6 +1,12 @@
 import React from 'react';
 import { TimePicker } from 'antd';
+import dayjs from 'dayjs';
 
-const App: React.FC = () => <TimePicker.RangePicker />;
+const App: React.FC = () => {
+  const startTime = dayjs('09:10:20', 'HH:mm:ss');
+  const endTime = dayjs('10:20:30', 'HH:mm:ss');
+
+  return <TimePicker.RangePicker defaultValue={[startTime, endTime]} format="HH:mm:ss" />;
+};
 
 export default App;