From 8678cdc21ba51211d7917d20c0eda337046dfbcf Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Thu, 2 Apr 2020 14:42:36 +0800
Subject: [PATCH] add aria label

---
 .../__snapshots__/components.test.js.snap     |  3 ++
 .../__tests__/__snapshots__/demo.test.js.snap | 25 +++++++++
 .../__snapshots__/mount.test.js.snap          |  1 +
 components/date-picker/generatePicker.tsx     |  2 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  2 +
 .../__tests__/__snapshots__/demo.test.js.snap |  1 +
 .../__snapshots__/index.test.js.snap          | 52 +++++++++++++++++++
 .../__tests__/__snapshots__/demo.test.js.snap |  1 +
 8 files changed, 86 insertions(+), 1 deletion(-)

diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index a687cb8fc913..c3b665906d1c 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -6088,6 +6088,7 @@ exports[`ConfigProvider components DatePicker RangePicker configProvider 1`] = `
       class="config-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="config-picker-separator"
       />
     </div>
@@ -6152,6 +6153,7 @@ exports[`ConfigProvider components DatePicker RangePicker normal 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -6216,6 +6218,7 @@ exports[`ConfigProvider components DatePicker RangePicker prefixCls 1`] = `
       class="prefix-RangePicker-range-separator"
     >
       <span
+        aria-label="to"
         class="prefix-RangePicker-separator"
       />
     </div>
diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
index 3a8ac4be80f2..e320db9368aa 100644
--- a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -383,6 +383,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -443,6 +444,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -503,6 +505,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -563,6 +566,7 @@ exports[`renders ./components/date-picker/demo/bordered.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -666,6 +670,7 @@ exports[`renders ./components/date-picker/demo/date-render.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -813,6 +818,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -874,6 +880,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1043,6 +1050,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1102,6 +1110,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1246,6 +1255,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1306,6 +1316,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1602,6 +1613,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1730,6 +1742,7 @@ exports[`renders ./components/date-picker/demo/mode.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1794,6 +1807,7 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1854,6 +1868,7 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1918,6 +1933,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -1978,6 +1994,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2038,6 +2055,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2098,6 +2116,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2158,6 +2177,7 @@ exports[`renders ./components/date-picker/demo/range-picker.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2221,6 +2241,7 @@ exports[`renders ./components/date-picker/demo/select-in-range.md correctly 1`]
     class="ant-picker-range-separator"
   >
     <span
+      aria-label="to"
       class="ant-picker-separator"
     />
   </div>
@@ -2428,6 +2449,7 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2695,6 +2717,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2837,6 +2860,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -2943,6 +2967,7 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
diff --git a/components/date-picker/__tests__/__snapshots__/mount.test.js.snap b/components/date-picker/__tests__/__snapshots__/mount.test.js.snap
index c91f237def6f..2a2096957204 100644
--- a/components/date-picker/__tests__/__snapshots__/mount.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/mount.test.js.snap
@@ -144,6 +144,7 @@ exports[`mount rtl render component should be rendered correctly in RTL directio
     class="ant-picker-range-separator"
   >
     <span
+      aria-label="to"
       class="ant-picker-separator"
     />
   </div>
diff --git a/components/date-picker/generatePicker.tsx b/components/date-picker/generatePicker.tsx
index 376bff0fdc47..60853d1ea619 100644
--- a/components/date-picker/generatePicker.tsx
+++ b/components/date-picker/generatePicker.tsx
@@ -320,7 +320,7 @@ function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>) {
 
             return (
               <RCRangePicker<DateType>
-                separator={<span className={`${prefixCls}-separator`} />}
+                separator={<span aria-label="to" className={`${prefixCls}-separator`} />}
                 ref={this.pickerRef}
                 placeholder={getRangePlaceholder(picker, locale)}
                 suffixIcon={picker === 'time' ? <ClockCircleOutlined /> : <CalendarOutlined />}
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index ea995b9963f4..eba1c41ea2a5 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -3552,6 +3552,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
               class="ant-picker-range-separator"
             >
               <span
+                aria-label="to"
                 class="ant-picker-separator"
               />
             </div>
@@ -3638,6 +3639,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
               class="ant-picker-range-separator"
             >
               <span
+                aria-label="to"
                 class="ant-picker-separator"
               />
             </div>
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 71ade8f6e538..d66d71c183bd 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -700,6 +700,7 @@ exports[`renders ./components/input/demo/align.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
diff --git a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
index c9e324f87368..589913291dd5 100644
--- a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
@@ -4116,6 +4116,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -9075,6 +9076,7 @@ exports[`Locale Provider should display the text as az 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -14034,6 +14036,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -18993,6 +18996,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -23952,6 +23956,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -28911,6 +28916,7 @@ exports[`Locale Provider should display the text as da 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -33870,6 +33876,7 @@ exports[`Locale Provider should display the text as de 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -38829,6 +38836,7 @@ exports[`Locale Provider should display the text as el 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -43788,6 +43796,7 @@ exports[`Locale Provider should display the text as en 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -48747,6 +48756,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -53706,6 +53716,7 @@ exports[`Locale Provider should display the text as es 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -58665,6 +58676,7 @@ exports[`Locale Provider should display the text as et 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -63624,6 +63636,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -68583,6 +68596,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -73542,6 +73556,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -78501,6 +78516,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -83460,6 +83476,7 @@ exports[`Locale Provider should display the text as he 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -88419,6 +88436,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -93378,6 +93396,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -98337,6 +98356,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -103296,6 +103316,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -108255,6 +108276,7 @@ exports[`Locale Provider should display the text as id 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -113214,6 +113236,7 @@ exports[`Locale Provider should display the text as is 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -118173,6 +118196,7 @@ exports[`Locale Provider should display the text as it 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -123132,6 +123156,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -128091,6 +128116,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -133050,6 +133076,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -138009,6 +138036,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -142968,6 +142996,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -147927,6 +147956,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -152886,6 +152916,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -157845,6 +157876,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -162804,6 +162836,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -167763,6 +167796,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -172722,6 +172756,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -177681,6 +177716,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -182640,6 +182676,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -187599,6 +187636,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -192558,6 +192596,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -197517,6 +197556,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -202476,6 +202516,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -207435,6 +207476,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -212394,6 +212436,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -217353,6 +217396,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -222312,6 +222356,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -227271,6 +227316,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -232230,6 +232276,7 @@ exports[`Locale Provider should display the text as th 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -237189,6 +237236,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -242148,6 +242196,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -247107,6 +247156,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -252066,6 +252116,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
@@ -257025,6 +257076,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>
diff --git a/components/time-picker/__tests__/__snapshots__/demo.test.js.snap b/components/time-picker/__tests__/__snapshots__/demo.test.js.snap
index f3aca0a18613..11060c47f9b5 100644
--- a/components/time-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/time-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -401,6 +401,7 @@ exports[`renders ./components/time-picker/demo/range-picker.md correctly 1`] = `
       class="ant-picker-range-separator"
     >
       <span
+        aria-label="to"
         class="ant-picker-separator"
       />
     </div>