diff --git a/components/date-picker/PickerTag.tsx b/components/date-picker/PickerTag.tsx
index 927cccaa99..3d8119dfff 100644
--- a/components/date-picker/PickerTag.tsx
+++ b/components/date-picker/PickerTag.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import Tag, { TagProps } from '../tag';
 
-export default function PickerButton(props: TagProps) {
+export default function PickerTag(props: TagProps) {
   return <Tag color="blue" {...props} />;
 }
diff --git a/components/date-picker/style/index.less b/components/date-picker/style/index.less
index a2c632fb82..9239a4949f 100644
--- a/components/date-picker/style/index.less
+++ b/components/date-picker/style/index.less
@@ -243,7 +243,11 @@
       display: inline-block;
     }
 
-    .@{picker-prefix-cls}-preset span {
+    // https://github.com/ant-design/ant-design/issues/23687
+    .@{picker-prefix-cls}-preset > .@{ant-prefix}-tag-blue {
+      color: @primary-color;
+      background: @primary-1;
+      border-color: @primary-3;
       cursor: pointer;
     }