From b70d607b9ff5456116fd6b57d33edb01c6a46aea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Tue, 28 Apr 2020 14:59:17 +0800
Subject: [PATCH] :lipstick: Fix RangePicker ranges color when custom theme
 (#23705)

close #23687
---
 components/date-picker/PickerTag.tsx    | 2 +-
 components/date-picker/style/index.less | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

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;
     }