diff --git a/components/date-picker/demo/auto-fill-whole-day.vue b/components/date-picker/demo/auto-fill-whole-day.vue
index 4c380a869..75de03449 100644
--- a/components/date-picker/demo/auto-fill-whole-day.vue
+++ b/components/date-picker/demo/auto-fill-whole-day.vue
@@ -54,7 +54,7 @@ RangePicker supports two new features:
diff --git a/components/date-picker/demo/preset-autofill.vue b/components/date-picker/demo/preset-autofill.vue
new file mode 100644
index 000000000..c3ed01629
--- /dev/null
+++ b/components/date-picker/demo/preset-autofill.vue
@@ -0,0 +1,154 @@
+
+---
+order: 8
+title:
+ zh-CN: Preset自动回填
+ en-US: Preset Auto Fill
+---
+
+## zh-CN
+
+RangePicker 现在支持preset自动回填功能。当传入的value包含preset信息时,会根据preset自动计算对应的日期范围。
+
+## en-US
+
+RangePicker now supports preset auto fill functionality. When the passed value contains preset information, it will automatically calculate the corresponding date range based on the preset.
+
+
+
+
+
+