From 4f90329f727f1844fc5b40e7e17c21b0b04ed9ec Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 18 Jun 2024 23:59:23 +0800
Subject: [PATCH] fix: RangePicker missing arrow (#49333)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* bump rc-picker

* chore: update snapshot

* chore: update snapshot

* fix: arrow style

* fix: arrow transition style

* Update package.json

Signed-off-by: afc163 <afc163@gmail.com>

* Update package.json

Signed-off-by: afc163 <afc163@gmail.com>

* Update package.json

Signed-off-by: afc163 <afc163@gmail.com>

* Update package.json

Signed-off-by: afc163 <afc163@gmail.com>

* fix: rtl style

* Update package.json

Signed-off-by: afc163 <afc163@gmail.com>

* fix rtl style

* chore: update snapshot

* fix rtl style

* Update package.json

Signed-off-by: afc163 <afc163@gmail.com>

* Update package.json

Co-authored-by: 叶枫 <7971419+crazyair@users.noreply.github.com>
Signed-off-by: afc163 <afc163@gmail.com>

---------

Signed-off-by: afc163 <afc163@gmail.com>
Co-authored-by: 叶枫 <7971419+crazyair@users.noreply.github.com>
---
 .../__snapshots__/components.test.tsx.snap    |   14 +-
 .../__snapshots__/DatePicker.test.tsx.snap    |    6 +
 .../__snapshots__/RangePicker.test.tsx.snap   |   18 +-
 .../__snapshots__/demo-extend.test.ts.snap    |  796 +++++++-
 .../__snapshots__/demo.test.tsx.snap          |   68 +-
 .../__snapshots__/mount.test.ts.snap          |    2 +-
 .../__snapshots__/other.test.tsx.snap         |    9 +
 components/date-picker/style/index.ts         |   16 +-
 components/date-picker/style/panel.ts         |    3 -
 .../__snapshots__/demo-extend.test.tsx.snap   |   16 +-
 .../__snapshots__/demo-extend.test.ts.snap    |  131 +-
 .../__snapshots__/demo.test.tsx.snap          |   10 +-
 .../__snapshots__/index.test.tsx.snap         |    2 +-
 .../__snapshots__/demo-extend.test.ts.snap    |   47 +-
 .../__snapshots__/demo.test.tsx.snap          |    4 +-
 .../__snapshots__/index.test.tsx.snap         | 1614 +++++++++++++++--
 .../__snapshots__/demo-extend.test.ts.snap    |   64 +-
 .../__snapshots__/demo.test.tsx.snap          |    8 +-
 .../__snapshots__/demo-extend.test.ts.snap    |   24 +-
 .../__snapshots__/demo.test.tsx.snap          |   12 +-
 package.json                                  |    2 +-
 21 files changed, 2521 insertions(+), 345 deletions(-)

diff --git a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
index 9782a5961567..dd9d9eb0a4f4 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
@@ -13276,7 +13276,7 @@ exports[`ConfigProvider components DatePicker RangePicker configProvider 1`] = `
     </div>
     <div
       class="config-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px;"
     />
     <span
       class="config-picker-suffix"
@@ -13366,7 +13366,7 @@ exports[`ConfigProvider components DatePicker RangePicker configProvider compone
     </div>
     <div
       class="config-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px;"
     />
     <span
       class="config-picker-suffix"
@@ -13454,7 +13454,7 @@ exports[`ConfigProvider components DatePicker RangePicker configProvider compone
     </div>
     <div
       class="config-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px;"
     />
     <span
       class="config-picker-suffix"
@@ -13542,7 +13542,7 @@ exports[`ConfigProvider components DatePicker RangePicker configProvider compone
     </div>
     <div
       class="config-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px;"
     />
     <span
       class="config-picker-suffix"
@@ -13630,7 +13630,7 @@ exports[`ConfigProvider components DatePicker RangePicker configProvider compone
     </div>
     <div
       class="config-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px;"
     />
     <span
       class="config-picker-suffix"
@@ -13718,7 +13718,7 @@ exports[`ConfigProvider components DatePicker RangePicker normal 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px;"
     />
     <span
       class="ant-picker-suffix"
@@ -13806,7 +13806,7 @@ exports[`ConfigProvider components DatePicker RangePicker prefixCls 1`] = `
     </div>
     <div
       class="prefix-RangePicker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px;"
     />
     <span
       class="prefix-RangePicker-suffix"
diff --git a/components/date-picker/__tests__/__snapshots__/DatePicker.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/DatePicker.test.tsx.snap
index 3017a7ba81ff..506e45540983 100644
--- a/components/date-picker/__tests__/__snapshots__/DatePicker.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/DatePicker.test.tsx.snap
@@ -89,6 +89,7 @@ Array [
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -98,6 +99,7 @@ Array [
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -110,6 +112,7 @@ Array [
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -117,6 +120,7 @@ Array [
                     јан
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -125,6 +129,7 @@ Array [
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -134,6 +139,7 @@ Array [
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
diff --git a/components/date-picker/__tests__/__snapshots__/RangePicker.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/RangePicker.test.tsx.snap
index 36a9e9ed8981..8b77eb016c8b 100644
--- a/components/date-picker/__tests__/__snapshots__/RangePicker.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/RangePicker.test.tsx.snap
@@ -35,7 +35,7 @@ exports[`RangePicker customize separator 1`] = `
   </div>
   <div
     class="ant-picker-active-bar"
-    style="position: absolute; width: 0px; left: 0px;"
+    style="position: absolute; width: 0px;"
   />
   <span
     class="ant-picker-suffix"
@@ -122,7 +122,7 @@ Array [
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -157,7 +157,7 @@ Array [
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -194,6 +194,7 @@ Array [
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -203,6 +204,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -215,6 +217,7 @@ Array [
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -222,6 +225,7 @@ Array [
                         Sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -230,6 +234,7 @@ Array [
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -240,6 +245,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -730,6 +736,7 @@ Array [
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -740,6 +747,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -753,6 +761,7 @@ Array [
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -760,6 +769,7 @@ Array [
                         Oct
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -768,6 +778,7 @@ Array [
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -777,6 +788,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
diff --git a/components/date-picker/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/date-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
index fd69e759061b..1e6ac04bc82b 100644
--- a/components/date-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/date-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -59,7 +59,7 @@ Array [
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px;"
     />
     <span
       class="ant-picker-suffix"
@@ -94,7 +94,7 @@ Array [
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -119,6 +119,7 @@ Array [
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -128,6 +129,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -140,6 +142,7 @@ Array [
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -147,6 +150,7 @@ Array [
                         Nov
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -155,6 +159,7 @@ Array [
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -165,6 +170,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -655,6 +661,7 @@ Array [
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -665,6 +672,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -678,6 +686,7 @@ Array [
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -685,6 +694,7 @@ Array [
                         Dec
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -693,6 +703,7 @@ Array [
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -702,6 +713,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -1260,6 +1272,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -1269,6 +1282,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -1281,6 +1295,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -1288,6 +1303,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -1296,6 +1312,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -1305,6 +1322,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -1871,6 +1889,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -1880,6 +1899,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -1892,6 +1912,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -1899,6 +1920,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -1907,6 +1929,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -1916,6 +1939,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -2533,6 +2557,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -2545,6 +2570,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -2553,6 +2579,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -2772,6 +2799,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -2784,6 +2812,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -2792,6 +2821,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -2925,6 +2955,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -2937,6 +2968,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="decade panel"
                       class="ant-picker-decade-btn"
                       tabindex="-1"
                       type="button"
@@ -2945,6 +2977,7 @@ exports[`renders components/date-picker/demo/basic.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -3207,6 +3240,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -3216,6 +3250,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -3228,6 +3263,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -3235,6 +3271,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                       Jan
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -3243,6 +3280,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -3252,6 +3290,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -3846,6 +3885,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -3855,6 +3895,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -3867,6 +3908,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -3874,6 +3916,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                         Jan
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -3882,6 +3925,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -3891,6 +3935,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -5982,6 +6027,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -5991,6 +6037,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -6003,6 +6050,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -6010,6 +6058,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                           Jan
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -6018,6 +6067,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -6027,6 +6077,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -6621,6 +6672,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                         class="ant-picker-header"
                       >
                         <button
+                          aria-label="super-prev-year"
                           class="ant-picker-header-super-prev-btn"
                           tabindex="-1"
                           type="button"
@@ -6630,6 +6682,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                           />
                         </button>
                         <button
+                          aria-label="prev-year"
                           class="ant-picker-header-prev-btn"
                           tabindex="-1"
                           type="button"
@@ -6642,6 +6695,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                           class="ant-picker-header-view"
                         >
                           <button
+                            aria-label="month panel"
                             class="ant-picker-month-btn"
                             tabindex="-1"
                             type="button"
@@ -6649,6 +6703,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                             Jan
                           </button>
                           <button
+                            aria-label="year panel"
                             class="ant-picker-year-btn"
                             tabindex="-1"
                             type="button"
@@ -6657,6 +6712,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                           </button>
                         </div>
                         <button
+                          aria-label="next-year"
                           class="ant-picker-header-next-btn"
                           tabindex="-1"
                           type="button"
@@ -6666,6 +6722,7 @@ exports[`renders components/date-picker/demo/buddhist-era.tsx extend context cor
                           />
                         </button>
                         <button
+                          aria-label="super-next-year"
                           class="ant-picker-header-super-next-btn"
                           tabindex="-1"
                           type="button"
@@ -8729,6 +8786,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -8738,6 +8796,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -8750,6 +8809,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -8757,6 +8817,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -8765,6 +8826,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -8774,6 +8836,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -9337,7 +9400,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -9372,7 +9435,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -9397,6 +9460,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -9406,6 +9470,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -9418,6 +9483,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -9425,6 +9491,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -9433,6 +9500,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -9443,6 +9511,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -9935,6 +10004,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -9945,6 +10015,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -9958,6 +10029,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -9965,6 +10037,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -9973,6 +10046,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -9982,6 +10056,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx extend context corr
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -10700,6 +10775,7 @@ Array [
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn ant-picker-header-super-prev-btn-disabled"
                   disabled=""
                   tabindex="-1"
@@ -10710,6 +10786,7 @@ Array [
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -10722,6 +10799,7 @@ Array [
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -10729,6 +10807,7 @@ Array [
                     Sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -10737,6 +10816,7 @@ Array [
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -10746,6 +10826,7 @@ Array [
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -11322,6 +11403,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -11331,6 +11413,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -11343,6 +11426,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -11350,6 +11434,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                       Jun
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -11358,6 +11443,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -11367,6 +11453,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -11934,6 +12021,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -11946,6 +12034,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -11954,6 +12043,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                     </button>
                   </div>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -12170,7 +12260,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -12205,7 +12295,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -12230,6 +12320,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -12239,6 +12330,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -12251,6 +12343,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -12258,6 +12351,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                           Jun
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -12266,6 +12360,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -12276,6 +12371,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -12766,6 +12862,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -12776,6 +12873,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -12789,6 +12887,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -12796,6 +12895,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                           Jul
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -12804,6 +12904,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -12813,6 +12914,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -13359,7 +13461,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -13419,7 +13521,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -13444,6 +13546,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -13453,6 +13556,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -13465,6 +13569,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -13472,6 +13577,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                           Sep
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -13480,6 +13586,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -13490,6 +13597,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -13980,6 +14088,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -13990,6 +14099,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -14003,6 +14113,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -14010,6 +14121,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                           Oct
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -14018,6 +14130,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -14027,6 +14140,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -14602,6 +14716,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn ant-picker-header-super-prev-btn-disabled"
                     disabled=""
                     tabindex="-1"
@@ -14612,6 +14727,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -14624,6 +14740,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -14631,6 +14748,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                       Sep
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -14639,6 +14757,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -14648,6 +14767,7 @@ exports[`renders components/date-picker/demo/disabled.tsx extend context correct
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn ant-picker-header-super-next-btn-disabled"
                     disabled=""
                     tabindex="-1"
@@ -15228,6 +15348,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -15237,6 +15358,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -15249,6 +15371,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -15256,6 +15379,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         Nov
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -15264,6 +15388,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -15273,6 +15398,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -17324,6 +17450,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -17336,6 +17463,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -17344,6 +17472,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                     </button>
                   </div>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -17558,7 +17687,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -17593,7 +17722,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -17618,6 +17747,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -17627,6 +17757,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -17639,6 +17770,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -17646,6 +17778,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -17654,6 +17787,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -17664,6 +17798,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -18154,6 +18289,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -18164,6 +18300,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -18177,6 +18314,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -18184,6 +18322,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -18192,6 +18331,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -18201,6 +18341,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -18746,7 +18887,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -18781,7 +18922,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-datetime-panel-container"
@@ -18806,6 +18947,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -18815,6 +18957,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -18827,6 +18970,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -18834,6 +18978,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -18842,6 +18987,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -18851,6 +18997,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -20383,6 +20530,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -20392,6 +20540,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -20404,6 +20553,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -20411,6 +20561,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -20419,6 +20570,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -20428,6 +20580,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -21002,6 +21155,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -21011,6 +21165,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -21023,6 +21178,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -21030,6 +21186,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         Nov
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -21038,6 +21195,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -21047,6 +21205,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -23098,7 +23257,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -23133,7 +23292,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -23158,6 +23317,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -23167,6 +23327,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -23179,6 +23340,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -23186,6 +23348,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -23194,6 +23357,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -23204,6 +23368,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -23694,6 +23859,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -23704,6 +23870,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -23717,6 +23884,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -23724,6 +23892,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -23732,6 +23901,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -23741,6 +23911,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -24295,7 +24466,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -24330,7 +24501,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-datetime-panel-container"
@@ -24355,6 +24526,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -24364,6 +24536,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -24376,6 +24549,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -24383,6 +24557,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -24391,6 +24566,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -24400,6 +24576,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -26447,6 +26624,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -26459,6 +26637,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -26467,6 +26646,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx extend context cor
                     </button>
                   </div>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -26706,6 +26886,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -26715,6 +26896,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -26727,6 +26909,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -26734,6 +26917,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                       Jun
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -26742,6 +26926,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -26751,6 +26936,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -27318,6 +27504,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -27330,6 +27517,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -27338,6 +27526,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     </button>
                   </div>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -27554,7 +27743,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -27589,7 +27778,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -27614,6 +27803,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -27623,6 +27813,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -27635,6 +27826,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -27642,6 +27834,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                           Jun
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -27650,6 +27843,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -27660,6 +27854,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -28150,6 +28345,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -28160,6 +28356,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -28173,6 +28370,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -28180,6 +28378,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                           Jul
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -28188,6 +28387,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -28197,6 +28397,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -28743,7 +28944,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -28803,7 +29004,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -28828,6 +29029,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -28837,6 +29039,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -28849,6 +29052,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -28856,6 +29060,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                           Sep
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -28864,6 +29069,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -28874,6 +29080,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -29364,6 +29571,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -29374,6 +29582,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -29387,6 +29596,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -29394,6 +29604,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                           Oct
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -29402,6 +29613,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -29411,6 +29623,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -29987,6 +30200,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -29996,6 +30210,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -30008,6 +30223,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -30015,6 +30231,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                       Dec
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -30023,6 +30240,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -30032,6 +30250,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -30599,6 +30818,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -30608,6 +30828,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -30620,6 +30841,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -30627,6 +30849,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -30635,6 +30858,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -30644,6 +30868,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -31206,7 +31431,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -31241,7 +31466,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -31266,6 +31491,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -31275,6 +31501,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -31287,6 +31514,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -31294,6 +31522,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -31302,6 +31531,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -31312,6 +31542,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -31802,6 +32033,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -31812,6 +32044,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -31825,6 +32058,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -31832,6 +32066,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -31840,6 +32075,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -31849,6 +32085,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -32395,7 +32632,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -32430,7 +32667,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -32455,6 +32692,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -32464,6 +32702,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -32476,6 +32715,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -32483,6 +32723,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -32491,6 +32732,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -32501,6 +32743,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -32991,6 +33234,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -33001,6 +33245,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -33014,6 +33259,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -33021,6 +33267,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -33029,6 +33276,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -33038,6 +33286,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -33623,6 +33872,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -33632,6 +33882,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -33644,6 +33895,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -33651,6 +33903,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                       Jan
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -33659,6 +33912,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -33668,6 +33922,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -34259,6 +34514,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -34268,6 +34524,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -34280,6 +34537,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -34287,6 +34545,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                       Jan
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -34295,6 +34554,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -34304,6 +34564,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -34895,6 +35156,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -34907,6 +35169,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -34915,6 +35178,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -35160,6 +35424,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -35169,6 +35434,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -35181,6 +35447,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -35188,6 +35455,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -35196,6 +35464,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -35205,6 +35474,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -35817,7 +36087,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -35877,7 +36147,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -35902,6 +36172,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -35911,6 +36182,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -35923,6 +36195,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -35930,6 +36203,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                           Jan
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -35938,6 +36212,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -35948,6 +36223,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -36438,6 +36714,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -36448,6 +36725,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -36461,6 +36739,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -36468,6 +36747,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                           Feb
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -36476,6 +36756,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -36485,6 +36766,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -37061,6 +37343,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -37070,6 +37353,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -37082,6 +37366,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -37089,6 +37374,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                       Jan
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -37097,6 +37383,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -37106,6 +37393,7 @@ exports[`renders components/date-picker/demo/format.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -37681,6 +37969,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -37690,6 +37979,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -37702,6 +37992,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -37709,6 +38000,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -37717,6 +38009,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -37726,6 +38019,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -38292,6 +38586,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -38301,6 +38596,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -38313,6 +38609,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -38320,6 +38617,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -38328,6 +38626,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -38337,6 +38636,7 @@ exports[`renders components/date-picker/demo/mask.tsx extend context correctly 1
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -40474,7 +40774,7 @@ exports[`renders components/date-picker/demo/mode.tsx extend context correctly 1
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -40509,7 +40809,7 @@ exports[`renders components/date-picker/demo/mode.tsx extend context correctly 1
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-month-panel-container"
@@ -40531,6 +40831,7 @@ exports[`renders components/date-picker/demo/mode.tsx extend context correctly 1
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -40543,6 +40844,7 @@ exports[`renders components/date-picker/demo/mode.tsx extend context correctly 1
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -40551,6 +40853,7 @@ exports[`renders components/date-picker/demo/mode.tsx extend context correctly 1
                       </button>
                     </div>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -40820,6 +41123,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -40829,6 +41133,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -40841,6 +41146,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -40848,6 +41154,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                     Jan
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -40856,6 +41163,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -40865,6 +41173,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -41452,6 +41761,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -41461,6 +41771,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -41473,6 +41784,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -41480,6 +41792,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                     Jan
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -41488,6 +41801,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -41497,6 +41811,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -42084,6 +42399,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -42093,6 +42409,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -42105,6 +42422,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -42112,6 +42430,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                     Jan
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -42120,6 +42439,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -42129,6 +42449,7 @@ exports[`renders components/date-picker/demo/multiple.tsx extend context correct
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -42688,6 +43009,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -42697,6 +43019,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -42709,6 +43032,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -42716,6 +43040,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                     Nov
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -42724,6 +43049,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -42733,6 +43059,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -43694,6 +44021,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -43703,6 +44031,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -43715,6 +44044,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -43722,6 +44052,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                     Jan
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -43730,6 +44061,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -43739,6 +44071,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -44700,6 +45033,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -44709,6 +45043,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -44721,6 +45056,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -44728,6 +45064,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                     Jan
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -44736,6 +45073,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -44745,6 +45083,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -45706,6 +46045,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -45715,6 +46055,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -45727,6 +46068,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -45734,6 +46076,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                     Jan
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -45742,6 +46085,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -45751,6 +46095,7 @@ exports[`renders components/date-picker/demo/multiple-debug.tsx extend context c
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -46302,6 +46647,7 @@ Array [
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -46311,6 +46657,7 @@ Array [
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -46323,6 +46670,7 @@ Array [
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -46330,6 +46678,7 @@ Array [
                     Nov
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -46338,6 +46687,7 @@ Array [
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -46347,6 +46697,7 @@ Array [
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -47012,6 +47363,7 @@ Array [
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -47021,6 +47373,7 @@ Array [
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -47033,6 +47386,7 @@ Array [
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -47040,6 +47394,7 @@ Array [
                     Nov
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -47048,6 +47403,7 @@ Array [
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -47057,6 +47413,7 @@ Array [
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -47616,7 +47973,7 @@ Array [
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px;"
     />
     <span
       class="ant-picker-suffix"
@@ -47651,7 +48008,7 @@ Array [
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -47676,6 +48033,7 @@ Array [
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -47685,6 +48043,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -47697,6 +48056,7 @@ Array [
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -47704,6 +48064,7 @@ Array [
                         Nov
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -47712,6 +48073,7 @@ Array [
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -47722,6 +48084,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -48212,6 +48575,7 @@ Array [
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -48222,6 +48586,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -48235,6 +48600,7 @@ Array [
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -48242,6 +48608,7 @@ Array [
                         Dec
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -48250,6 +48617,7 @@ Array [
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -48259,6 +48627,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -48833,6 +49202,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -48842,6 +49212,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -48854,6 +49225,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -48861,6 +49233,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -48869,6 +49242,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -48878,6 +49252,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -49439,7 +49814,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -49474,7 +49849,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -49517,6 +49892,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -49526,6 +49902,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -49538,6 +49915,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -49545,6 +49923,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -49553,6 +49932,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -49563,6 +49943,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -50053,6 +50434,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -50063,6 +50445,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -50076,6 +50459,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -50083,6 +50467,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -50091,6 +50476,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -50100,6 +50486,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -50645,7 +51032,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -50680,7 +51067,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-datetime-panel-container"
@@ -50730,6 +51117,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -50739,6 +51127,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -50751,6 +51140,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -50758,6 +51148,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -50766,6 +51157,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -50775,6 +51167,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx extend context co
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -52822,7 +53215,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -52857,7 +53250,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -52882,6 +53275,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -52891,6 +53285,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -52903,6 +53298,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -52910,6 +53306,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -52918,6 +53315,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -52928,6 +53326,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -53418,6 +53817,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -53428,6 +53828,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -53441,6 +53842,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -53448,6 +53850,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -53456,6 +53859,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -53465,6 +53869,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -54010,7 +54415,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -54045,7 +54450,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-datetime-panel-container"
@@ -54070,6 +54475,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -54079,6 +54485,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -54091,6 +54498,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -54098,6 +54506,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -54106,6 +54515,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -54115,6 +54525,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -56152,7 +56563,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -56187,7 +56598,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-week-panel-container"
@@ -56212,6 +56623,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -56221,6 +56633,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -56233,6 +56646,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -56240,6 +56654,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -56248,6 +56663,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -56258,6 +56674,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -56817,6 +57234,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -56827,6 +57245,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -56840,6 +57259,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -56847,6 +57267,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -56855,6 +57276,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -56864,6 +57286,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -57478,7 +57901,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -57513,7 +57936,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-month-panel-container"
@@ -57538,6 +57961,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -57550,6 +57974,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -57558,6 +57983,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -57719,6 +58145,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -57732,6 +58159,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -57740,6 +58168,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -57956,7 +58385,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -57991,7 +58420,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-quarter-panel-container"
@@ -58016,6 +58445,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -58028,6 +58458,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -58036,6 +58467,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -58111,6 +58543,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -58124,6 +58557,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -58132,6 +58566,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -58264,7 +58699,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -58299,7 +58734,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-year-panel-container"
@@ -58324,6 +58759,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -58336,6 +58772,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="decade panel"
                           class="ant-picker-decade-btn"
                           tabindex="-1"
                           type="button"
@@ -58344,6 +58781,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -58505,6 +58943,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -58518,6 +58957,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="decade panel"
                           class="ant-picker-decade-btn"
                           tabindex="-1"
                           type="button"
@@ -58526,6 +58966,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx extend context cor
                         </button>
                       </div>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -58754,6 +59195,7 @@ exports[`renders components/date-picker/demo/render-panel.tsx extend context cor
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -58763,6 +59205,7 @@ exports[`renders components/date-picker/demo/render-panel.tsx extend context cor
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -58775,6 +59218,7 @@ exports[`renders components/date-picker/demo/render-panel.tsx extend context cor
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -58782,6 +59226,7 @@ exports[`renders components/date-picker/demo/render-panel.tsx extend context cor
                     Nov
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -58790,6 +59235,7 @@ exports[`renders components/date-picker/demo/render-panel.tsx extend context cor
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -58799,6 +59245,7 @@ exports[`renders components/date-picker/demo/render-panel.tsx extend context cor
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -59377,7 +59824,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -59412,7 +59859,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -59437,6 +59884,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -59446,6 +59894,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -59458,6 +59907,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -59465,6 +59915,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -59473,6 +59924,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -59483,6 +59935,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -59973,6 +60426,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -59983,6 +60437,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -59996,6 +60451,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -60003,6 +60459,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -60011,6 +60468,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -60020,6 +60478,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -60574,7 +61033,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -60609,7 +61068,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-month-panel-container"
@@ -60634,6 +61093,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -60646,6 +61106,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -60654,6 +61115,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         </button>
                       </div>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -60815,6 +61277,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -60828,6 +61291,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -60836,6 +61300,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx extend context
                         </button>
                       </div>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -61133,6 +61598,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -61142,6 +61608,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -61154,6 +61621,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -61161,6 +61629,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -61169,6 +61638,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -61178,6 +61648,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -61744,6 +62215,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -61756,6 +62228,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -61764,6 +62237,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                     </button>
                   </div>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -61978,7 +62452,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -62013,7 +62487,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -62038,6 +62512,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -62047,6 +62522,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -62059,6 +62535,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -62066,6 +62543,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -62074,6 +62552,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -62084,6 +62563,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -62574,6 +63054,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -62584,6 +63065,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -62597,6 +63079,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -62604,6 +63087,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -62612,6 +63096,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -62621,6 +63106,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -63171,6 +63657,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -63180,6 +63667,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -63192,6 +63680,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -63199,6 +63688,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -63207,6 +63697,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -63216,6 +63707,7 @@ exports[`renders components/date-picker/demo/size.tsx extend context correctly 1
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -63845,6 +64337,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -63854,6 +64347,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -63866,6 +64360,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -63873,6 +64368,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                         Nov
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -63881,6 +64377,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -63890,6 +64387,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -65944,6 +66442,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -65953,6 +66452,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -65965,6 +66465,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -65972,6 +66473,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                         Nov
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -65980,6 +66482,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -65989,6 +66492,7 @@ exports[`renders components/date-picker/demo/start-end.tsx extend context correc
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -68051,6 +68555,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -68060,6 +68565,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -68072,6 +68578,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -68079,6 +68586,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -68087,6 +68595,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -68096,6 +68605,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -68663,6 +69173,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -68672,6 +69183,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -68684,6 +69196,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -68691,6 +69204,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -68699,6 +69213,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -68708,6 +69223,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -69270,7 +69786,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -69305,7 +69821,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -69330,6 +69846,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -69339,6 +69856,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -69351,6 +69869,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -69358,6 +69877,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -69366,6 +69886,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -69376,6 +69897,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -69866,6 +70388,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -69876,6 +70399,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -69889,6 +70413,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -69896,6 +70421,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -69904,6 +70430,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -69913,6 +70440,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -70459,7 +70987,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -70494,7 +71022,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -70519,6 +71047,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -70528,6 +71057,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -70540,6 +71070,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -70547,6 +71078,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -70555,6 +71087,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -70565,6 +71098,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -71055,6 +71589,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -71065,6 +71600,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -71078,6 +71614,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -71085,6 +71622,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -71093,6 +71631,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -71102,6 +71641,7 @@ exports[`renders components/date-picker/demo/status.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -71662,6 +72202,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -71671,6 +72212,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -71683,6 +72225,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -71690,6 +72233,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -71698,6 +72242,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -71707,6 +72252,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -72273,6 +72819,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -72285,6 +72832,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -72293,6 +72841,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -72507,7 +73056,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -72542,7 +73091,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -72567,6 +73116,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -72576,6 +73126,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -72588,6 +73139,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -72595,6 +73147,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -72603,6 +73156,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -72613,6 +73167,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -73103,6 +73658,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -73113,6 +73669,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -73126,6 +73683,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -73133,6 +73691,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -73141,6 +73700,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -73150,6 +73710,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -73700,6 +74261,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -73709,6 +74271,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -73721,6 +74284,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -73728,6 +74292,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -73736,6 +74301,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -73745,6 +74311,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -74344,6 +74911,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -74353,6 +74921,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -74365,6 +74934,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -74372,6 +74942,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -74380,6 +74951,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -74389,6 +74961,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -74937,6 +75510,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -74949,6 +75523,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -74957,6 +75532,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -75171,7 +75747,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -75188,7 +75764,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -75213,6 +75789,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -75222,6 +75799,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -75234,6 +75812,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -75241,6 +75820,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -75249,6 +75829,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -75259,6 +75840,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -75749,6 +76331,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -75759,6 +76342,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -75772,6 +76356,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -75779,6 +76364,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -75787,6 +76373,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -75796,6 +76383,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -76328,6 +76916,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -76337,6 +76926,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -76349,6 +76939,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -76356,6 +76947,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -76364,6 +76956,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -76373,6 +76966,7 @@ exports[`renders components/date-picker/demo/suffix.tsx extend context correctly
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -78785,6 +79379,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -78794,6 +79389,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -78806,6 +79402,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -78813,6 +79410,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                         Nov
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -78821,6 +79419,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -78830,6 +79429,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -80876,7 +81476,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -80911,7 +81511,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-datetime-panel-container"
@@ -80936,6 +81536,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -80945,6 +81546,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -80957,6 +81559,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -80964,6 +81567,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -80972,6 +81576,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -80981,6 +81586,7 @@ exports[`renders components/date-picker/demo/time.tsx extend context correctly 1
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -82429,6 +83035,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -82438,6 +83045,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -82450,6 +83058,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -82457,6 +83066,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -82465,6 +83075,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -82474,6 +83085,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -83031,7 +83643,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -83066,7 +83678,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -83091,6 +83703,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -83100,6 +83713,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -83112,6 +83726,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -83119,6 +83734,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -83127,6 +83743,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -83137,6 +83754,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -83627,6 +84245,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -83637,6 +84256,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -83650,6 +84270,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -83657,6 +84278,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -83665,6 +84287,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -83674,6 +84297,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -84225,6 +84849,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -84234,6 +84859,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -84246,6 +84872,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -84253,6 +84880,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -84261,6 +84889,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -84270,6 +84899,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -84827,7 +85457,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -84862,7 +85492,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -84887,6 +85517,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -84896,6 +85527,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -84908,6 +85540,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -84915,6 +85548,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -84923,6 +85557,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -84933,6 +85568,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -85423,6 +86059,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -85433,6 +86070,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -85446,6 +86084,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -85453,6 +86092,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -85461,6 +86101,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -85470,6 +86111,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
@@ -86021,6 +86663,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -86030,6 +86673,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -86042,6 +86686,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -86049,6 +86694,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -86057,6 +86703,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -86066,6 +86713,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -86623,7 +87271,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -86658,7 +87306,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -86683,6 +87331,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -86692,6 +87341,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -86704,6 +87354,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -86711,6 +87362,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -86719,6 +87371,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -86729,6 +87382,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -87219,6 +87873,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -87229,6 +87884,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -87242,6 +87898,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -87249,6 +87906,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -87257,6 +87915,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -87266,6 +87925,7 @@ exports[`renders components/date-picker/demo/variant.tsx extend context correctl
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/demo.test.tsx.snap
index 579923a9838e..ce6f3d0b8387 100644
--- a/components/date-picker/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/demo.test.tsx.snap
@@ -58,7 +58,7 @@ exports[`renders components/date-picker/demo/allow-empty.tsx correctly 1`] = `
   </div>
   <div
     class="ant-picker-active-bar"
-    style="position:absolute;width:0;left:0"
+    style="position:absolute;width:0"
   />
   <span
     class="ant-picker-suffix"
@@ -711,7 +711,7 @@ exports[`renders components/date-picker/demo/cell-render.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -1009,7 +1009,7 @@ exports[`renders components/date-picker/demo/disabled.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -1097,7 +1097,7 @@ exports[`renders components/date-picker/demo/disabled.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -1368,7 +1368,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -1455,7 +1455,7 @@ exports[`renders components/date-picker/demo/disabled-date.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -1634,7 +1634,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -1721,7 +1721,7 @@ exports[`renders components/date-picker/demo/extra-footer.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -1946,7 +1946,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -2034,7 +2034,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -2258,7 +2258,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -2346,7 +2346,7 @@ exports[`renders components/date-picker/demo/filled-debug.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -2710,7 +2710,7 @@ exports[`renders components/date-picker/demo/format.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -3031,7 +3031,7 @@ exports[`renders components/date-picker/demo/mode.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -4950,7 +4950,7 @@ Array [
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position:absolute;width:0;left:0"
+      style="position:absolute;width:0"
     />
     <span
       class="ant-picker-suffix"
@@ -5086,7 +5086,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -5173,7 +5173,7 @@ exports[`renders components/date-picker/demo/preset-ranges.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -5268,7 +5268,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -5355,7 +5355,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -5442,7 +5442,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -5529,7 +5529,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -5616,7 +5616,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -5705,7 +5705,7 @@ exports[`renders components/date-picker/demo/range-picker.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -5854,7 +5854,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx correctly 1`] =
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -5950,7 +5950,7 @@ exports[`renders components/date-picker/demo/select-in-range.tsx correctly 1`] =
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -6195,7 +6195,7 @@ exports[`renders components/date-picker/demo/size.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -6510,7 +6510,7 @@ exports[`renders components/date-picker/demo/status.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -6598,7 +6598,7 @@ exports[`renders components/date-picker/demo/status.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -6777,7 +6777,7 @@ exports[`renders components/date-picker/demo/suffix.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -6954,7 +6954,7 @@ exports[`renders components/date-picker/demo/suffix.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -7212,7 +7212,7 @@ exports[`renders components/date-picker/demo/time.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -7346,7 +7346,7 @@ exports[`renders components/date-picker/demo/variant.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -7472,7 +7472,7 @@ exports[`renders components/date-picker/demo/variant.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -7598,7 +7598,7 @@ exports[`renders components/date-picker/demo/variant.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
diff --git a/components/date-picker/__tests__/__snapshots__/mount.test.ts.snap b/components/date-picker/__tests__/__snapshots__/mount.test.ts.snap
index a4b1ea4e47b7..87d9718bc2bf 100644
--- a/components/date-picker/__tests__/__snapshots__/mount.test.ts.snap
+++ b/components/date-picker/__tests__/__snapshots__/mount.test.ts.snap
@@ -181,7 +181,7 @@ exports[`mount rtl render component should be rendered correctly in RTL directio
   </div>
   <div
     class="ant-picker-active-bar"
-    style="position: absolute; width: 0px; right: 0px;"
+    style="position: absolute; width: 0px;"
   />
   <span
     class="ant-picker-suffix"
diff --git a/components/date-picker/__tests__/__snapshots__/other.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/other.test.tsx.snap
index dfd5f9a5e4b7..35a96f5bbd32 100644
--- a/components/date-picker/__tests__/__snapshots__/other.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/other.test.tsx.snap
@@ -89,6 +89,7 @@ exports[`MonthPicker and WeekPicker render MonthPicker 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -101,6 +102,7 @@ exports[`MonthPicker and WeekPicker render MonthPicker 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -109,6 +111,7 @@ exports[`MonthPicker and WeekPicker render MonthPicker 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -354,6 +357,7 @@ exports[`MonthPicker and WeekPicker render WeekPicker 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -363,6 +367,7 @@ exports[`MonthPicker and WeekPicker render WeekPicker 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -375,6 +380,7 @@ exports[`MonthPicker and WeekPicker render WeekPicker 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -382,6 +388,7 @@ exports[`MonthPicker and WeekPicker render WeekPicker 1`] = `
                     Jan
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -390,6 +397,7 @@ exports[`MonthPicker and WeekPicker render WeekPicker 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -399,6 +407,7 @@ exports[`MonthPicker and WeekPicker render WeekPicker 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
diff --git a/components/date-picker/style/index.ts b/components/date-picker/style/index.ts
index dc23f9331e77..1625709b3ee0 100644
--- a/components/date-picker/style/index.ts
+++ b/components/date-picker/style/index.ts
@@ -304,7 +304,12 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
             display: 'none',
           },
 
-          [`&${componentCls}-dropdown-placement-bottomLeft`]: {
+          '&-rtl': {
+            direction: 'rtl',
+          },
+
+          [`&${componentCls}-dropdown-placement-bottomLeft,
+            &${componentCls}-dropdown-placement-bottomRight`]: {
             [`${componentCls}-range-arrow`]: {
               top: 0,
               display: 'block',
@@ -312,7 +317,8 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
             },
           },
 
-          [`&${componentCls}-dropdown-placement-topLeft`]: {
+          [`&${componentCls}-dropdown-placement-topLeft,
+            &${componentCls}-dropdown-placement-topRight`]: {
             [`${componentCls}-range-arrow`]: {
               bottom: 0,
               display: 'block',
@@ -371,7 +377,7 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
             display: 'none',
             paddingInline: token.calc(paddingInline).mul(1.5).equal(),
             boxSizing: 'content-box',
-            transition: `left ${motionDurationSlow} ease-out`,
+            transition: `all ${motionDurationSlow} ease-out`,
             ...genRoundedArrow(token, colorBgElevated, boxShadowPopoverArrow),
 
             '&:before': {
@@ -435,7 +441,6 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
             [`${componentCls}-panels`]: {
               display: 'inline-flex',
               flexWrap: 'nowrap',
-              direction: 'ltr',
 
               // [`${componentCls}-panel`]: {
               //   borderWidth: `0 0 ${unit(lineWidth)}`,
@@ -454,8 +459,7 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
               borderRadius: 0,
               borderWidth: 0,
 
-              [`${componentCls}-content,
-            table`]: {
+              [`${componentCls}-content, table`]: {
                 textAlign: 'center',
               },
 
diff --git a/components/date-picker/style/panel.ts b/components/date-picker/style/panel.ts
index 074028626cb0..7c1bcebad58e 100644
--- a/components/date-picker/style/panel.ts
+++ b/components/date-picker/style/panel.ts
@@ -205,8 +205,6 @@ export const genPanelStyle = (token: SharedPickerToken): CSSObject => {
         },
 
         '&-rtl': {
-          direction: 'rtl',
-
           [`${componentCls}-prev-icon,
               ${componentCls}-super-prev-icon`]: {
             transform: 'rotate(45deg)',
@@ -527,7 +525,6 @@ export const genPanelStyle = (token: SharedPickerToken): CSSObject => {
       '&-time-panel': {
         width: 'auto',
         minWidth: 'auto',
-        direction: 'ltr',
 
         [`${componentCls}-content`]: {
           display: 'flex',
diff --git a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
index a59fcc5e7335..68ba50347486 100644
--- a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
+++ b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
@@ -1583,7 +1583,7 @@ Array [
                             </div>
                             <div
                               class="ant-picker-active-bar"
-                              style="position: absolute; width: 0px; left: 0px;"
+                              style="position: absolute; width: 0px;"
                             />
                             <span
                               class="ant-picker-suffix"
@@ -1618,7 +1618,7 @@ Array [
                             >
                               <div
                                 class="ant-picker-range-arrow"
-                                style="left: 0px;"
+                                style="inset-inline-start: 0;"
                               />
                               <div
                                 class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -1643,6 +1643,7 @@ Array [
                                             class="ant-picker-header"
                                           >
                                             <button
+                                              aria-label="super-prev-year"
                                               class="ant-picker-header-super-prev-btn"
                                               tabindex="-1"
                                               type="button"
@@ -1652,6 +1653,7 @@ Array [
                                               />
                                             </button>
                                             <button
+                                              aria-label="prev-year"
                                               class="ant-picker-header-prev-btn"
                                               tabindex="-1"
                                               type="button"
@@ -1664,6 +1666,7 @@ Array [
                                               class="ant-picker-header-view"
                                             >
                                               <button
+                                                aria-label="month panel"
                                                 class="ant-picker-month-btn"
                                                 tabindex="-1"
                                                 type="button"
@@ -1671,6 +1674,7 @@ Array [
                                                 Nov
                                               </button>
                                               <button
+                                                aria-label="year panel"
                                                 class="ant-picker-year-btn"
                                                 tabindex="-1"
                                                 type="button"
@@ -1679,6 +1683,7 @@ Array [
                                               </button>
                                             </div>
                                             <button
+                                              aria-label="next-year"
                                               class="ant-picker-header-next-btn"
                                               style="visibility: hidden;"
                                               tabindex="-1"
@@ -1689,6 +1694,7 @@ Array [
                                               />
                                             </button>
                                             <button
+                                              aria-label="super-next-year"
                                               class="ant-picker-header-super-next-btn"
                                               style="visibility: hidden;"
                                               tabindex="-1"
@@ -2179,6 +2185,7 @@ Array [
                                             class="ant-picker-header"
                                           >
                                             <button
+                                              aria-label="super-prev-year"
                                               class="ant-picker-header-super-prev-btn"
                                               style="visibility: hidden;"
                                               tabindex="-1"
@@ -2189,6 +2196,7 @@ Array [
                                               />
                                             </button>
                                             <button
+                                              aria-label="prev-year"
                                               class="ant-picker-header-prev-btn"
                                               style="visibility: hidden;"
                                               tabindex="-1"
@@ -2202,6 +2210,7 @@ Array [
                                               class="ant-picker-header-view"
                                             >
                                               <button
+                                                aria-label="month panel"
                                                 class="ant-picker-month-btn"
                                                 tabindex="-1"
                                                 type="button"
@@ -2209,6 +2218,7 @@ Array [
                                                 Dec
                                               </button>
                                               <button
+                                                aria-label="year panel"
                                                 class="ant-picker-year-btn"
                                                 tabindex="-1"
                                                 type="button"
@@ -2217,6 +2227,7 @@ Array [
                                               </button>
                                             </div>
                                             <button
+                                              aria-label="next-year"
                                               class="ant-picker-header-next-btn"
                                               tabindex="-1"
                                               type="button"
@@ -2226,6 +2237,7 @@ Array [
                                               />
                                             </button>
                                             <button
+                                              aria-label="super-next-year"
                                               class="ant-picker-header-super-next-btn"
                                               tabindex="-1"
                                               type="button"
diff --git a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
index c52bf6baece8..75f3f3eb2329 100644
--- a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -3072,6 +3072,7 @@ Array [
                             class="ant-picker-header"
                           >
                             <button
+                              aria-label="super-prev-year"
                               class="ant-picker-header-super-prev-btn"
                               tabindex="-1"
                               type="button"
@@ -3081,6 +3082,7 @@ Array [
                               />
                             </button>
                             <button
+                              aria-label="prev-year"
                               class="ant-picker-header-prev-btn"
                               tabindex="-1"
                               type="button"
@@ -3093,6 +3095,7 @@ Array [
                               class="ant-picker-header-view"
                             >
                               <button
+                                aria-label="month panel"
                                 class="ant-picker-month-btn"
                                 tabindex="-1"
                                 type="button"
@@ -3100,6 +3103,7 @@ Array [
                                 Nov
                               </button>
                               <button
+                                aria-label="year panel"
                                 class="ant-picker-year-btn"
                                 tabindex="-1"
                                 type="button"
@@ -3108,6 +3112,7 @@ Array [
                               </button>
                             </div>
                             <button
+                              aria-label="next-year"
                               class="ant-picker-header-next-btn"
                               tabindex="-1"
                               type="button"
@@ -3117,6 +3122,7 @@ Array [
                               />
                             </button>
                             <button
+                              aria-label="super-next-year"
                               class="ant-picker-header-super-next-btn"
                               tabindex="-1"
                               type="button"
@@ -3706,7 +3712,7 @@ Array [
                 </div>
                 <div
                   class="ant-picker-active-bar"
-                  style="position: absolute; width: 0px; left: 0px;"
+                  style="position: absolute; width: 0px;"
                 />
                 <span
                   class="ant-picker-suffix"
@@ -3741,7 +3747,7 @@ Array [
                 >
                   <div
                     class="ant-picker-range-arrow"
-                    style="left: 0px;"
+                    style="inset-inline-start: 0;"
                   />
                   <div
                     class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -3766,6 +3772,7 @@ Array [
                                 class="ant-picker-header"
                               >
                                 <button
+                                  aria-label="super-prev-year"
                                   class="ant-picker-header-super-prev-btn"
                                   tabindex="-1"
                                   type="button"
@@ -3775,6 +3782,7 @@ Array [
                                   />
                                 </button>
                                 <button
+                                  aria-label="prev-year"
                                   class="ant-picker-header-prev-btn"
                                   tabindex="-1"
                                   type="button"
@@ -3787,6 +3795,7 @@ Array [
                                   class="ant-picker-header-view"
                                 >
                                   <button
+                                    aria-label="month panel"
                                     class="ant-picker-month-btn"
                                     tabindex="-1"
                                     type="button"
@@ -3794,6 +3803,7 @@ Array [
                                     Nov
                                   </button>
                                   <button
+                                    aria-label="year panel"
                                     class="ant-picker-year-btn"
                                     tabindex="-1"
                                     type="button"
@@ -3802,6 +3812,7 @@ Array [
                                   </button>
                                 </div>
                                 <button
+                                  aria-label="next-year"
                                   class="ant-picker-header-next-btn"
                                   style="visibility: hidden;"
                                   tabindex="-1"
@@ -3812,6 +3823,7 @@ Array [
                                   />
                                 </button>
                                 <button
+                                  aria-label="super-next-year"
                                   class="ant-picker-header-super-next-btn"
                                   style="visibility: hidden;"
                                   tabindex="-1"
@@ -4302,6 +4314,7 @@ Array [
                                 class="ant-picker-header"
                               >
                                 <button
+                                  aria-label="super-prev-year"
                                   class="ant-picker-header-super-prev-btn"
                                   style="visibility: hidden;"
                                   tabindex="-1"
@@ -4312,6 +4325,7 @@ Array [
                                   />
                                 </button>
                                 <button
+                                  aria-label="prev-year"
                                   class="ant-picker-header-prev-btn"
                                   style="visibility: hidden;"
                                   tabindex="-1"
@@ -4325,6 +4339,7 @@ Array [
                                   class="ant-picker-header-view"
                                 >
                                   <button
+                                    aria-label="month panel"
                                     class="ant-picker-month-btn"
                                     tabindex="-1"
                                     type="button"
@@ -4332,6 +4347,7 @@ Array [
                                     Dec
                                   </button>
                                   <button
+                                    aria-label="year panel"
                                     class="ant-picker-year-btn"
                                     tabindex="-1"
                                     type="button"
@@ -4340,6 +4356,7 @@ Array [
                                   </button>
                                 </div>
                                 <button
+                                  aria-label="next-year"
                                   class="ant-picker-header-next-btn"
                                   tabindex="-1"
                                   type="button"
@@ -4349,6 +4366,7 @@ Array [
                                   />
                                 </button>
                                 <button
+                                  aria-label="super-next-year"
                                   class="ant-picker-header-super-next-btn"
                                   tabindex="-1"
                                   type="button"
@@ -7535,6 +7553,7 @@ exports[`renders components/form/demo/getValueProps-normalize.tsx extend context
                           class="ant-picker-header"
                         >
                           <button
+                            aria-label="super-prev-year"
                             class="ant-picker-header-super-prev-btn"
                             tabindex="-1"
                             type="button"
@@ -7544,6 +7563,7 @@ exports[`renders components/form/demo/getValueProps-normalize.tsx extend context
                             />
                           </button>
                           <button
+                            aria-label="prev-year"
                             class="ant-picker-header-prev-btn"
                             tabindex="-1"
                             type="button"
@@ -7556,6 +7576,7 @@ exports[`renders components/form/demo/getValueProps-normalize.tsx extend context
                             class="ant-picker-header-view"
                           >
                             <button
+                              aria-label="month panel"
                               class="ant-picker-month-btn"
                               tabindex="-1"
                               type="button"
@@ -7563,6 +7584,7 @@ exports[`renders components/form/demo/getValueProps-normalize.tsx extend context
                               Jan
                             </button>
                             <button
+                              aria-label="year panel"
                               class="ant-picker-year-btn"
                               tabindex="-1"
                               type="button"
@@ -7571,6 +7593,7 @@ exports[`renders components/form/demo/getValueProps-normalize.tsx extend context
                             </button>
                           </div>
                           <button
+                            aria-label="next-year"
                             class="ant-picker-header-next-btn"
                             tabindex="-1"
                             type="button"
@@ -7580,6 +7603,7 @@ exports[`renders components/form/demo/getValueProps-normalize.tsx extend context
                             />
                           </button>
                           <button
+                            aria-label="super-next-year"
                             class="ant-picker-header-super-next-btn"
                             tabindex="-1"
                             type="button"
@@ -11918,6 +11942,7 @@ exports[`renders components/form/demo/size.tsx extend context correctly 1`] = `
                           class="ant-picker-header"
                         >
                           <button
+                            aria-label="super-prev-year"
                             class="ant-picker-header-super-prev-btn"
                             tabindex="-1"
                             type="button"
@@ -11927,6 +11952,7 @@ exports[`renders components/form/demo/size.tsx extend context correctly 1`] = `
                             />
                           </button>
                           <button
+                            aria-label="prev-year"
                             class="ant-picker-header-prev-btn"
                             tabindex="-1"
                             type="button"
@@ -11939,6 +11965,7 @@ exports[`renders components/form/demo/size.tsx extend context correctly 1`] = `
                             class="ant-picker-header-view"
                           >
                             <button
+                              aria-label="month panel"
                               class="ant-picker-month-btn"
                               tabindex="-1"
                               type="button"
@@ -11946,6 +11973,7 @@ exports[`renders components/form/demo/size.tsx extend context correctly 1`] = `
                               Nov
                             </button>
                             <button
+                              aria-label="year panel"
                               class="ant-picker-year-btn"
                               tabindex="-1"
                               type="button"
@@ -11954,6 +11982,7 @@ exports[`renders components/form/demo/size.tsx extend context correctly 1`] = `
                             </button>
                           </div>
                           <button
+                            aria-label="next-year"
                             class="ant-picker-header-next-btn"
                             tabindex="-1"
                             type="button"
@@ -11963,6 +11992,7 @@ exports[`renders components/form/demo/size.tsx extend context correctly 1`] = `
                             />
                           </button>
                           <button
+                            aria-label="super-next-year"
                             class="ant-picker-header-super-next-btn"
                             tabindex="-1"
                             type="button"
@@ -12760,6 +12790,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                           class="ant-picker-header"
                         >
                           <button
+                            aria-label="super-prev-year"
                             class="ant-picker-header-super-prev-btn"
                             tabindex="-1"
                             type="button"
@@ -12769,6 +12800,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                             />
                           </button>
                           <button
+                            aria-label="prev-year"
                             class="ant-picker-header-prev-btn"
                             tabindex="-1"
                             type="button"
@@ -12781,6 +12813,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                             class="ant-picker-header-view"
                           >
                             <button
+                              aria-label="month panel"
                               class="ant-picker-month-btn"
                               tabindex="-1"
                               type="button"
@@ -12788,6 +12821,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                               Nov
                             </button>
                             <button
+                              aria-label="year panel"
                               class="ant-picker-year-btn"
                               tabindex="-1"
                               type="button"
@@ -12796,6 +12830,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                             </button>
                           </div>
                           <button
+                            aria-label="next-year"
                             class="ant-picker-header-next-btn"
                             tabindex="-1"
                             type="button"
@@ -12805,6 +12840,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                             />
                           </button>
                           <button
+                            aria-label="super-next-year"
                             class="ant-picker-header-super-next-btn"
                             tabindex="-1"
                             type="button"
@@ -13403,6 +13439,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                             class="ant-picker-header"
                           >
                             <button
+                              aria-label="super-prev-year"
                               class="ant-picker-header-super-prev-btn"
                               tabindex="-1"
                               type="button"
@@ -13412,6 +13449,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                               />
                             </button>
                             <button
+                              aria-label="prev-year"
                               class="ant-picker-header-prev-btn"
                               tabindex="-1"
                               type="button"
@@ -13424,6 +13462,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                               class="ant-picker-header-view"
                             >
                               <button
+                                aria-label="month panel"
                                 class="ant-picker-month-btn"
                                 tabindex="-1"
                                 type="button"
@@ -13431,6 +13470,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 Nov
                               </button>
                               <button
+                                aria-label="year panel"
                                 class="ant-picker-year-btn"
                                 tabindex="-1"
                                 type="button"
@@ -13439,6 +13479,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                               </button>
                             </div>
                             <button
+                              aria-label="next-year"
                               class="ant-picker-header-next-btn"
                               tabindex="-1"
                               type="button"
@@ -13448,6 +13489,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                               />
                             </button>
                             <button
+                              aria-label="super-next-year"
                               class="ant-picker-header-super-next-btn"
                               tabindex="-1"
                               type="button"
@@ -15528,6 +15570,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                           class="ant-picker-header"
                         >
                           <button
+                            aria-label="super-prev-year"
                             class="ant-picker-header-super-prev-btn"
                             tabindex="-1"
                             type="button"
@@ -15540,6 +15583,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                             class="ant-picker-header-view"
                           >
                             <button
+                              aria-label="year panel"
                               class="ant-picker-year-btn"
                               tabindex="-1"
                               type="button"
@@ -15548,6 +15592,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                             </button>
                           </div>
                           <button
+                            aria-label="super-next-year"
                             class="ant-picker-header-super-next-btn"
                             tabindex="-1"
                             type="button"
@@ -15792,7 +15837,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
               </div>
               <div
                 class="ant-picker-active-bar"
-                style="position: absolute; width: 0px; left: 0px;"
+                style="position: absolute; width: 0px;"
               />
               <span
                 class="ant-picker-suffix"
@@ -15827,7 +15872,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
               >
                 <div
                   class="ant-picker-range-arrow"
-                  style="left: 0px;"
+                  style="inset-inline-start: 0;"
                 />
                 <div
                   class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -15852,6 +15897,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                               class="ant-picker-header"
                             >
                               <button
+                                aria-label="super-prev-year"
                                 class="ant-picker-header-super-prev-btn"
                                 tabindex="-1"
                                 type="button"
@@ -15861,6 +15907,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 />
                               </button>
                               <button
+                                aria-label="prev-year"
                                 class="ant-picker-header-prev-btn"
                                 tabindex="-1"
                                 type="button"
@@ -15873,6 +15920,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 class="ant-picker-header-view"
                               >
                                 <button
+                                  aria-label="month panel"
                                   class="ant-picker-month-btn"
                                   tabindex="-1"
                                   type="button"
@@ -15880,6 +15928,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                   Nov
                                 </button>
                                 <button
+                                  aria-label="year panel"
                                   class="ant-picker-year-btn"
                                   tabindex="-1"
                                   type="button"
@@ -15888,6 +15937,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 </button>
                               </div>
                               <button
+                                aria-label="next-year"
                                 class="ant-picker-header-next-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -15898,6 +15948,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 />
                               </button>
                               <button
+                                aria-label="super-next-year"
                                 class="ant-picker-header-super-next-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -16388,6 +16439,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                               class="ant-picker-header"
                             >
                               <button
+                                aria-label="super-prev-year"
                                 class="ant-picker-header-super-prev-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -16398,6 +16450,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 />
                               </button>
                               <button
+                                aria-label="prev-year"
                                 class="ant-picker-header-prev-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -16411,6 +16464,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 class="ant-picker-header-view"
                               >
                                 <button
+                                  aria-label="month panel"
                                   class="ant-picker-month-btn"
                                   tabindex="-1"
                                   type="button"
@@ -16418,6 +16472,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                   Dec
                                 </button>
                                 <button
+                                  aria-label="year panel"
                                   class="ant-picker-year-btn"
                                   tabindex="-1"
                                   type="button"
@@ -16426,6 +16481,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 </button>
                               </div>
                               <button
+                                aria-label="next-year"
                                 class="ant-picker-header-next-btn"
                                 tabindex="-1"
                                 type="button"
@@ -16435,6 +16491,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 />
                               </button>
                               <button
+                                aria-label="super-next-year"
                                 class="ant-picker-header-super-next-btn"
                                 tabindex="-1"
                                 type="button"
@@ -17010,7 +17067,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
               </div>
               <div
                 class="ant-picker-active-bar"
-                style="position: absolute; width: 0px; left: 0px;"
+                style="position: absolute; width: 0px;"
               />
               <span
                 class="ant-picker-suffix"
@@ -17045,7 +17102,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
               >
                 <div
                   class="ant-picker-range-arrow"
-                  style="left: 0px;"
+                  style="inset-inline-start: 0;"
                 />
                 <div
                   class="ant-picker-panel-container ant-picker-datetime-panel-container"
@@ -17070,6 +17127,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                               class="ant-picker-header"
                             >
                               <button
+                                aria-label="super-prev-year"
                                 class="ant-picker-header-super-prev-btn"
                                 tabindex="-1"
                                 type="button"
@@ -17079,6 +17137,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 />
                               </button>
                               <button
+                                aria-label="prev-year"
                                 class="ant-picker-header-prev-btn"
                                 tabindex="-1"
                                 type="button"
@@ -17091,6 +17150,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 class="ant-picker-header-view"
                               >
                                 <button
+                                  aria-label="month panel"
                                   class="ant-picker-month-btn"
                                   tabindex="-1"
                                   type="button"
@@ -17098,6 +17158,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                   Nov
                                 </button>
                                 <button
+                                  aria-label="year panel"
                                   class="ant-picker-year-btn"
                                   tabindex="-1"
                                   type="button"
@@ -17106,6 +17167,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 </button>
                               </div>
                               <button
+                                aria-label="next-year"
                                 class="ant-picker-header-next-btn"
                                 tabindex="-1"
                                 type="button"
@@ -17115,6 +17177,7 @@ exports[`renders components/form/demo/time-related-controls.tsx extend context c
                                 />
                               </button>
                               <button
+                                aria-label="super-next-year"
                                 class="ant-picker-header-super-next-btn"
                                 tabindex="-1"
                                 type="button"
@@ -23996,6 +24059,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                           class="ant-picker-header"
                         >
                           <button
+                            aria-label="super-prev-year"
                             class="ant-picker-header-super-prev-btn"
                             tabindex="-1"
                             type="button"
@@ -24005,6 +24069,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                             />
                           </button>
                           <button
+                            aria-label="prev-year"
                             class="ant-picker-header-prev-btn"
                             tabindex="-1"
                             type="button"
@@ -24017,6 +24082,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                             class="ant-picker-header-view"
                           >
                             <button
+                              aria-label="month panel"
                               class="ant-picker-month-btn"
                               tabindex="-1"
                               type="button"
@@ -24024,6 +24090,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                               Nov
                             </button>
                             <button
+                              aria-label="year panel"
                               class="ant-picker-year-btn"
                               tabindex="-1"
                               type="button"
@@ -24032,6 +24099,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                             </button>
                           </div>
                           <button
+                            aria-label="next-year"
                             class="ant-picker-header-next-btn"
                             tabindex="-1"
                             type="button"
@@ -24041,6 +24109,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                             />
                           </button>
                           <button
+                            aria-label="super-next-year"
                             class="ant-picker-header-super-next-btn"
                             tabindex="-1"
                             type="button"
@@ -26240,7 +26309,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
               </div>
               <div
                 class="ant-picker-active-bar"
-                style="position: absolute; width: 0px; left: 0px;"
+                style="position: absolute; width: 0px;"
               />
               <span
                 class="ant-picker-suffix"
@@ -26299,7 +26368,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
               >
                 <div
                   class="ant-picker-range-arrow"
-                  style="left: 0px;"
+                  style="inset-inline-start: 0;"
                 />
                 <div
                   class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -26324,6 +26393,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                               class="ant-picker-header"
                             >
                               <button
+                                aria-label="super-prev-year"
                                 class="ant-picker-header-super-prev-btn"
                                 tabindex="-1"
                                 type="button"
@@ -26333,6 +26403,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                 />
                               </button>
                               <button
+                                aria-label="prev-year"
                                 class="ant-picker-header-prev-btn"
                                 tabindex="-1"
                                 type="button"
@@ -26345,6 +26416,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                 class="ant-picker-header-view"
                               >
                                 <button
+                                  aria-label="month panel"
                                   class="ant-picker-month-btn"
                                   tabindex="-1"
                                   type="button"
@@ -26352,6 +26424,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                   Nov
                                 </button>
                                 <button
+                                  aria-label="year panel"
                                   class="ant-picker-year-btn"
                                   tabindex="-1"
                                   type="button"
@@ -26360,6 +26433,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                 </button>
                               </div>
                               <button
+                                aria-label="next-year"
                                 class="ant-picker-header-next-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -26370,6 +26444,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                 />
                               </button>
                               <button
+                                aria-label="super-next-year"
                                 class="ant-picker-header-super-next-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -26860,6 +26935,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                               class="ant-picker-header"
                             >
                               <button
+                                aria-label="super-prev-year"
                                 class="ant-picker-header-super-prev-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -26870,6 +26946,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                 />
                               </button>
                               <button
+                                aria-label="prev-year"
                                 class="ant-picker-header-prev-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -26883,6 +26960,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                 class="ant-picker-header-view"
                               >
                                 <button
+                                  aria-label="month panel"
                                   class="ant-picker-month-btn"
                                   tabindex="-1"
                                   type="button"
@@ -26890,6 +26968,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                   Dec
                                 </button>
                                 <button
+                                  aria-label="year panel"
                                   class="ant-picker-year-btn"
                                   tabindex="-1"
                                   type="button"
@@ -26898,6 +26977,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                 </button>
                               </div>
                               <button
+                                aria-label="next-year"
                                 class="ant-picker-header-next-btn"
                                 tabindex="-1"
                                 type="button"
@@ -26907,6 +26987,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                 />
                               </button>
                               <button
+                                aria-label="super-next-year"
                                 class="ant-picker-header-super-next-btn"
                                 tabindex="-1"
                                 type="button"
@@ -28083,6 +28164,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                     class="ant-picker-header"
                                   >
                                     <button
+                                      aria-label="super-prev-year"
                                       class="ant-picker-header-super-prev-btn"
                                       tabindex="-1"
                                       type="button"
@@ -28092,6 +28174,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                       />
                                     </button>
                                     <button
+                                      aria-label="prev-year"
                                       class="ant-picker-header-prev-btn"
                                       tabindex="-1"
                                       type="button"
@@ -28104,6 +28187,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                       class="ant-picker-header-view"
                                     >
                                       <button
+                                        aria-label="month panel"
                                         class="ant-picker-month-btn"
                                         tabindex="-1"
                                         type="button"
@@ -28111,6 +28195,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                         Nov
                                       </button>
                                       <button
+                                        aria-label="year panel"
                                         class="ant-picker-year-btn"
                                         tabindex="-1"
                                         type="button"
@@ -28119,6 +28204,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                       </button>
                                     </div>
                                     <button
+                                      aria-label="next-year"
                                       class="ant-picker-header-next-btn"
                                       tabindex="-1"
                                       type="button"
@@ -28128,6 +28214,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                       />
                                     </button>
                                     <button
+                                      aria-label="super-next-year"
                                       class="ant-picker-header-super-next-btn"
                                       tabindex="-1"
                                       type="button"
@@ -28738,6 +28825,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                     class="ant-picker-header"
                                   >
                                     <button
+                                      aria-label="super-prev-year"
                                       class="ant-picker-header-super-prev-btn"
                                       tabindex="-1"
                                       type="button"
@@ -28747,6 +28835,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                       />
                                     </button>
                                     <button
+                                      aria-label="prev-year"
                                       class="ant-picker-header-prev-btn"
                                       tabindex="-1"
                                       type="button"
@@ -28759,6 +28848,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                       class="ant-picker-header-view"
                                     >
                                       <button
+                                        aria-label="month panel"
                                         class="ant-picker-month-btn"
                                         tabindex="-1"
                                         type="button"
@@ -28766,6 +28856,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                         Nov
                                       </button>
                                       <button
+                                        aria-label="year panel"
                                         class="ant-picker-year-btn"
                                         tabindex="-1"
                                         type="button"
@@ -28774,6 +28865,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                       </button>
                                     </div>
                                     <button
+                                      aria-label="next-year"
                                       class="ant-picker-header-next-btn"
                                       tabindex="-1"
                                       type="button"
@@ -28783,6 +28875,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
                                       />
                                     </button>
                                     <button
+                                      aria-label="super-next-year"
                                       class="ant-picker-header-super-next-btn"
                                       tabindex="-1"
                                       type="button"
@@ -31081,6 +31174,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                           class="ant-picker-header"
                         >
                           <button
+                            aria-label="super-prev-year"
                             class="ant-picker-header-super-prev-btn"
                             tabindex="-1"
                             type="button"
@@ -31090,6 +31184,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                             />
                           </button>
                           <button
+                            aria-label="prev-year"
                             class="ant-picker-header-prev-btn"
                             tabindex="-1"
                             type="button"
@@ -31102,6 +31197,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                             class="ant-picker-header-view"
                           >
                             <button
+                              aria-label="month panel"
                               class="ant-picker-month-btn"
                               tabindex="-1"
                               type="button"
@@ -31109,6 +31205,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                               Nov
                             </button>
                             <button
+                              aria-label="year panel"
                               class="ant-picker-year-btn"
                               tabindex="-1"
                               type="button"
@@ -31117,6 +31214,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                             </button>
                           </div>
                           <button
+                            aria-label="next-year"
                             class="ant-picker-header-next-btn"
                             tabindex="-1"
                             type="button"
@@ -31126,6 +31224,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                             />
                           </button>
                           <button
+                            aria-label="super-next-year"
                             class="ant-picker-header-super-next-btn"
                             tabindex="-1"
                             type="button"
@@ -31717,7 +31816,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
               </div>
               <div
                 class="ant-picker-active-bar"
-                style="position: absolute; width: 0px; left: 0px;"
+                style="position: absolute; width: 0px;"
               />
               <span
                 class="ant-picker-suffix"
@@ -31752,7 +31851,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
               >
                 <div
                   class="ant-picker-range-arrow"
-                  style="left: 0px;"
+                  style="inset-inline-start: 0;"
                 />
                 <div
                   class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -31777,6 +31876,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                               class="ant-picker-header"
                             >
                               <button
+                                aria-label="super-prev-year"
                                 class="ant-picker-header-super-prev-btn"
                                 tabindex="-1"
                                 type="button"
@@ -31786,6 +31886,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                                 />
                               </button>
                               <button
+                                aria-label="prev-year"
                                 class="ant-picker-header-prev-btn"
                                 tabindex="-1"
                                 type="button"
@@ -31798,6 +31899,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                                 class="ant-picker-header-view"
                               >
                                 <button
+                                  aria-label="month panel"
                                   class="ant-picker-month-btn"
                                   tabindex="-1"
                                   type="button"
@@ -31805,6 +31907,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                                   Nov
                                 </button>
                                 <button
+                                  aria-label="year panel"
                                   class="ant-picker-year-btn"
                                   tabindex="-1"
                                   type="button"
@@ -31813,6 +31916,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                                 </button>
                               </div>
                               <button
+                                aria-label="next-year"
                                 class="ant-picker-header-next-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -31823,6 +31927,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                                 />
                               </button>
                               <button
+                                aria-label="super-next-year"
                                 class="ant-picker-header-super-next-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -32313,6 +32418,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                               class="ant-picker-header"
                             >
                               <button
+                                aria-label="super-prev-year"
                                 class="ant-picker-header-super-prev-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -32323,6 +32429,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                                 />
                               </button>
                               <button
+                                aria-label="prev-year"
                                 class="ant-picker-header-prev-btn"
                                 style="visibility: hidden;"
                                 tabindex="-1"
@@ -32336,6 +32443,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                                 class="ant-picker-header-view"
                               >
                                 <button
+                                  aria-label="month panel"
                                   class="ant-picker-month-btn"
                                   tabindex="-1"
                                   type="button"
@@ -32343,6 +32451,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                                   Dec
                                 </button>
                                 <button
+                                  aria-label="year panel"
                                   class="ant-picker-year-btn"
                                   tabindex="-1"
                                   type="button"
@@ -32351,6 +32460,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                                 </button>
                               </div>
                               <button
+                                aria-label="next-year"
                                 class="ant-picker-header-next-btn"
                                 tabindex="-1"
                                 type="button"
@@ -32360,6 +32470,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                                 />
                               </button>
                               <button
+                                aria-label="super-next-year"
                                 class="ant-picker-header-super-next-btn"
                                 tabindex="-1"
                                 type="button"
diff --git a/components/form/__tests__/__snapshots__/demo.test.tsx.snap b/components/form/__tests__/__snapshots__/demo.test.tsx.snap
index 4cb58ed05f65..a6824bd37c6f 100644
--- a/components/form/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.tsx.snap
@@ -2330,7 +2330,7 @@ Array [
                 </div>
                 <div
                   class="ant-picker-active-bar"
-                  style="position:absolute;width:0;left:0"
+                  style="position:absolute;width:0"
                 />
                 <span
                   class="ant-picker-suffix"
@@ -8115,7 +8115,7 @@ exports[`renders components/form/demo/time-related-controls.tsx correctly 1`] =
               </div>
               <div
                 class="ant-picker-active-bar"
-                style="position:absolute;width:0;left:0"
+                style="position:absolute;width:0"
               />
               <span
                 class="ant-picker-suffix"
@@ -8232,7 +8232,7 @@ exports[`renders components/form/demo/time-related-controls.tsx correctly 1`] =
               </div>
               <div
                 class="ant-picker-active-bar"
-                style="position:absolute;width:0;left:0"
+                style="position:absolute;width:0"
               />
               <span
                 class="ant-picker-suffix"
@@ -11087,7 +11087,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
               </div>
               <div
                 class="ant-picker-active-bar"
-                style="position:absolute;width:0;left:0"
+                style="position:absolute;width:0"
               />
               <span
                 class="ant-picker-suffix"
@@ -13264,7 +13264,7 @@ exports[`renders components/form/demo/variant.tsx correctly 1`] = `
               </div>
               <div
                 class="ant-picker-active-bar"
-                style="position:absolute;width:0;left:0"
+                style="position:absolute;width:0"
               />
               <span
                 class="ant-picker-suffix"
diff --git a/components/form/__tests__/__snapshots__/index.test.tsx.snap b/components/form/__tests__/__snapshots__/index.test.tsx.snap
index e4a5642cdd60..ede80f9a05c9 100644
--- a/components/form/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/form/__tests__/__snapshots__/index.test.tsx.snap
@@ -679,7 +679,7 @@ exports[`Form form should support disabled 1`] = `
               </div>
               <div
                 class="ant-picker-active-bar"
-                style="position: absolute; width: 0px; left: 0px;"
+                style="position: absolute; width: 0px;"
               />
               <span
                 class="ant-picker-suffix"
diff --git a/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
index 4f9227a574bc..f47169cb697a 100644
--- a/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -949,6 +949,7 @@ Array [
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -958,6 +959,7 @@ Array [
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -970,6 +972,7 @@ Array [
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -977,6 +980,7 @@ Array [
                     Nov
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -985,6 +989,7 @@ Array [
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -994,6 +999,7 @@ Array [
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -3820,7 +3826,7 @@ Array [
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px;"
     />
     <span
       class="ant-picker-suffix"
@@ -3855,7 +3861,7 @@ Array [
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -3880,6 +3886,7 @@ Array [
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -3889,6 +3896,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -3901,6 +3909,7 @@ Array [
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -3908,6 +3917,7 @@ Array [
                         Nov
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -3916,6 +3926,7 @@ Array [
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -3926,6 +3937,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -4416,6 +4428,7 @@ Array [
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -4426,6 +4439,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -4439,6 +4453,7 @@ Array [
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -4446,6 +4461,7 @@ Array [
                         Dec
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -4454,6 +4470,7 @@ Array [
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -4463,6 +4480,7 @@ Array [
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -5009,6 +5027,7 @@ Array [
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -5021,6 +5040,7 @@ Array [
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -5029,6 +5049,7 @@ Array [
                   </button>
                 </div>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -7413,6 +7434,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                   class="ant-picker-header"
                 >
                   <button
+                    aria-label="super-prev-year"
                     class="ant-picker-header-super-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -7422,6 +7444,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                     />
                   </button>
                   <button
+                    aria-label="prev-year"
                     class="ant-picker-header-prev-btn"
                     tabindex="-1"
                     type="button"
@@ -7434,6 +7457,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                     class="ant-picker-header-view"
                   >
                     <button
+                      aria-label="month panel"
                       class="ant-picker-month-btn"
                       tabindex="-1"
                       type="button"
@@ -7441,6 +7465,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                       Nov
                     </button>
                     <button
+                      aria-label="year panel"
                       class="ant-picker-year-btn"
                       tabindex="-1"
                       type="button"
@@ -7449,6 +7474,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                     </button>
                   </div>
                   <button
+                    aria-label="next-year"
                     class="ant-picker-header-next-btn"
                     tabindex="-1"
                     type="button"
@@ -7458,6 +7484,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                     />
                   </button>
                   <button
+                    aria-label="super-next-year"
                     class="ant-picker-header-super-next-btn"
                     tabindex="-1"
                     type="button"
@@ -8027,7 +8054,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -8062,7 +8089,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -8087,6 +8114,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -8096,6 +8124,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         tabindex="-1"
                         type="button"
@@ -8108,6 +8137,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -8115,6 +8145,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                           Nov
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -8123,6 +8154,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -8133,6 +8165,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -8623,6 +8656,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                       class="ant-picker-header"
                     >
                       <button
+                        aria-label="super-prev-year"
                         class="ant-picker-header-super-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -8633,6 +8667,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                         />
                       </button>
                       <button
+                        aria-label="prev-year"
                         class="ant-picker-header-prev-btn"
                         style="visibility: hidden;"
                         tabindex="-1"
@@ -8646,6 +8681,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                         class="ant-picker-header-view"
                       >
                         <button
+                          aria-label="month panel"
                           class="ant-picker-month-btn"
                           tabindex="-1"
                           type="button"
@@ -8653,6 +8689,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                           Dec
                         </button>
                         <button
+                          aria-label="year panel"
                           class="ant-picker-year-btn"
                           tabindex="-1"
                           type="button"
@@ -8661,6 +8698,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                         </button>
                       </div>
                       <button
+                        aria-label="next-year"
                         class="ant-picker-header-next-btn"
                         tabindex="-1"
                         type="button"
@@ -8670,6 +8708,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
                         />
                       </button>
                       <button
+                        aria-label="super-next-year"
                         class="ant-picker-header-super-next-btn"
                         tabindex="-1"
                         type="button"
diff --git a/components/input/__tests__/__snapshots__/demo.test.tsx.snap b/components/input/__tests__/__snapshots__/demo.test.tsx.snap
index d2ea825831c1..d7aca9c68a83 100644
--- a/components/input/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.tsx.snap
@@ -1047,7 +1047,7 @@ Array [
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position:absolute;width:0;left:0"
+      style="position:absolute;width:0"
     />
     <span
       class="ant-picker-suffix"
@@ -3091,7 +3091,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
diff --git a/components/locale/__tests__/__snapshots__/index.test.tsx.snap b/components/locale/__tests__/__snapshots__/index.test.tsx.snap
index a42e1f856a9d..62173b53af53 100644
--- a/components/locale/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/locale/__tests__/__snapshots__/index.test.tsx.snap
@@ -89,6 +89,7 @@ exports[`Locale Provider set dayjs locale when locale changes 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -98,6 +99,7 @@ exports[`Locale Provider set dayjs locale when locale changes 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -110,6 +112,7 @@ exports[`Locale Provider set dayjs locale when locale changes 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -117,6 +120,7 @@ exports[`Locale Provider set dayjs locale when locale changes 1`] = `
                     2017年
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -125,6 +129,7 @@ exports[`Locale Provider set dayjs locale when locale changes 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -134,6 +139,7 @@ exports[`Locale Provider set dayjs locale when locale changes 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -726,6 +732,7 @@ exports[`Locale Provider set dayjs locale when locale changes 2`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -735,6 +742,7 @@ exports[`Locale Provider set dayjs locale when locale changes 2`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -747,6 +755,7 @@ exports[`Locale Provider set dayjs locale when locale changes 2`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -754,6 +763,7 @@ exports[`Locale Provider set dayjs locale when locale changes 2`] = `
                     sept.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -762,6 +772,7 @@ exports[`Locale Provider set dayjs locale when locale changes 2`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -771,6 +782,7 @@ exports[`Locale Provider set dayjs locale when locale changes 2`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -1363,6 +1375,7 @@ exports[`Locale Provider set dayjs locale when locale changes 3`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -1372,6 +1385,7 @@ exports[`Locale Provider set dayjs locale when locale changes 3`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -1384,6 +1398,7 @@ exports[`Locale Provider set dayjs locale when locale changes 3`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -1391,6 +1406,7 @@ exports[`Locale Provider set dayjs locale when locale changes 3`] = `
                     Sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -1399,6 +1415,7 @@ exports[`Locale Provider set dayjs locale when locale changes 3`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -1408,6 +1425,7 @@ exports[`Locale Provider set dayjs locale when locale changes 3`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -2216,6 +2234,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -2225,6 +2244,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -2237,6 +2257,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -2244,6 +2265,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                     سبتمبر
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -2252,6 +2274,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -2261,6 +2284,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -4375,7 +4399,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -4410,7 +4434,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -4435,6 +4459,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -4444,6 +4469,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -4456,6 +4482,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -4463,6 +4490,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                         سبتمبر
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -4471,6 +4499,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -4481,6 +4510,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -4971,6 +5001,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -4981,6 +5012,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -4994,6 +5026,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -5001,6 +5034,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                         أكتوبر
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -5009,6 +5043,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -5018,6 +5053,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -7501,6 +7537,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -7510,6 +7547,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -7522,6 +7560,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -7529,6 +7568,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                     sen
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -7537,6 +7577,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -7546,6 +7587,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -9660,7 +9702,7 @@ exports[`Locale Provider should display the text as az 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -9695,7 +9737,7 @@ exports[`Locale Provider should display the text as az 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -9720,6 +9762,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -9729,6 +9772,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -9741,6 +9785,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -9748,6 +9793,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                         sen
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -9756,6 +9802,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -9766,6 +9813,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -10256,6 +10304,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -10266,6 +10315,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -10279,6 +10329,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -10286,6 +10337,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                         okt
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -10294,6 +10346,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -10303,6 +10356,7 @@ exports[`Locale Provider should display the text as az 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -12786,6 +12840,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -12795,6 +12850,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -12807,6 +12863,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -12814,6 +12871,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                     сеп
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -12822,6 +12880,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -12831,6 +12890,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -14945,7 +15005,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -14980,7 +15040,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -15005,6 +15065,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -15014,6 +15075,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -15026,6 +15088,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -15033,6 +15096,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                         сеп
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -15041,6 +15105,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -15051,6 +15116,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -15541,6 +15607,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -15551,6 +15618,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -15564,6 +15632,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -15571,6 +15640,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                         окт
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -15579,6 +15649,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -15588,6 +15659,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -18071,6 +18143,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -18080,6 +18153,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -18092,6 +18166,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -18099,6 +18174,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                     সেপ্ট
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -18107,6 +18183,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -18116,6 +18193,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -20230,7 +20308,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -20265,7 +20343,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -20290,6 +20368,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -20299,6 +20378,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -20311,6 +20391,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -20318,6 +20399,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                         সেপ্ট
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -20326,6 +20408,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -20336,6 +20419,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -20826,6 +20910,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -20836,6 +20921,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -20849,6 +20935,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -20856,6 +20943,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                         অক্টো
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -20864,6 +20952,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -20873,6 +20962,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -23356,6 +23446,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -23365,6 +23456,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -23377,6 +23469,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -23384,6 +23477,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                     вер
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -23392,6 +23486,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -23401,6 +23496,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -25515,7 +25611,7 @@ exports[`Locale Provider should display the text as by 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -25550,7 +25646,7 @@ exports[`Locale Provider should display the text as by 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -25575,6 +25671,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -25584,6 +25681,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -25596,6 +25694,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -25603,6 +25702,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                         вер
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -25611,6 +25711,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -25621,6 +25722,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -26111,6 +26213,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -26121,6 +26224,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -26134,6 +26238,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -26141,6 +26246,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                         каст
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -26149,6 +26255,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -26158,6 +26265,7 @@ exports[`Locale Provider should display the text as by 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -28641,6 +28749,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -28650,6 +28759,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -28662,6 +28772,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -28669,6 +28780,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                     Set.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -28677,6 +28789,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -28686,6 +28799,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -30800,7 +30914,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -30835,7 +30949,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -30860,6 +30974,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -30869,6 +30984,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -30881,6 +30997,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -30888,6 +31005,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                         Set.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -30896,6 +31014,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -30906,6 +31025,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -31396,6 +31516,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -31406,6 +31527,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -31419,6 +31541,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -31426,6 +31549,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                         Oct.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -31434,6 +31558,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -31443,6 +31568,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -33926,6 +34052,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -33935,6 +34062,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -33947,6 +34075,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -33954,6 +34083,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                     zář
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -33962,6 +34092,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -33971,6 +34102,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -36085,7 +36217,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -36120,7 +36252,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -36145,6 +36277,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -36154,6 +36287,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -36166,6 +36300,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -36173,6 +36308,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                         zář
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -36181,6 +36317,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -36191,6 +36328,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -36681,6 +36819,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -36691,6 +36830,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -36704,6 +36844,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -36711,6 +36852,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                         říj
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -36719,6 +36861,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -36728,6 +36871,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -39211,6 +39355,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -39220,6 +39365,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -39232,6 +39378,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -39239,6 +39386,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                     sept.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -39247,6 +39395,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -39256,6 +39405,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -41370,7 +41520,7 @@ exports[`Locale Provider should display the text as da 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -41405,7 +41555,7 @@ exports[`Locale Provider should display the text as da 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -41430,6 +41580,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -41439,6 +41590,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -41451,6 +41603,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -41458,6 +41611,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                         sept.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -41466,6 +41620,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -41476,6 +41631,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -41966,6 +42122,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -41976,6 +42133,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -41989,6 +42147,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -41996,6 +42155,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                         okt.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -42004,6 +42164,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -42013,6 +42174,7 @@ exports[`Locale Provider should display the text as da 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -44496,6 +44658,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -44505,6 +44668,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -44517,6 +44681,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -44524,6 +44689,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                     Sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -44532,6 +44698,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -44541,6 +44708,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -46655,7 +46823,7 @@ exports[`Locale Provider should display the text as de 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -46690,7 +46858,7 @@ exports[`Locale Provider should display the text as de 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -46715,6 +46883,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -46724,6 +46893,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -46736,6 +46906,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -46743,6 +46914,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                         Sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -46751,6 +46923,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -46761,6 +46934,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -47251,6 +47425,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -47261,6 +47436,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -47274,6 +47450,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -47281,6 +47458,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                         Okt
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -47289,6 +47467,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -47298,6 +47477,7 @@ exports[`Locale Provider should display the text as de 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -49781,6 +49961,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -49790,6 +49971,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -49802,6 +49984,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -49809,6 +49992,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                     Σεπτ
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -49817,6 +50001,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -49826,6 +50011,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -51940,7 +52126,7 @@ exports[`Locale Provider should display the text as el 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -51975,7 +52161,7 @@ exports[`Locale Provider should display the text as el 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -52000,6 +52186,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -52009,6 +52196,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -52021,6 +52209,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -52028,6 +52217,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                         Σεπτ
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -52036,6 +52226,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -52046,6 +52237,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -52536,6 +52728,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -52546,6 +52739,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -52559,6 +52753,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -52566,6 +52761,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                         Οκτ
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -52574,6 +52770,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -52583,6 +52780,7 @@ exports[`Locale Provider should display the text as el 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -55066,6 +55264,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -55075,6 +55274,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -55087,6 +55287,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -55094,6 +55295,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                     Sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -55102,6 +55304,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -55111,6 +55314,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -57225,7 +57429,7 @@ exports[`Locale Provider should display the text as en 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -57260,7 +57464,7 @@ exports[`Locale Provider should display the text as en 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -57285,6 +57489,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -57294,6 +57499,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -57306,6 +57512,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -57313,6 +57520,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                         Sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -57321,6 +57529,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -57331,6 +57540,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -57821,6 +58031,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -57831,6 +58042,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -57844,6 +58056,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -57851,6 +58064,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                         Oct
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -57859,6 +58073,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -57868,6 +58083,7 @@ exports[`Locale Provider should display the text as en 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -60351,6 +60567,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -60360,6 +60577,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -60372,6 +60590,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -60379,6 +60598,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                     Sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -60387,6 +60607,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -60396,6 +60617,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -62510,7 +62732,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -62545,7 +62767,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -62570,6 +62792,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -62579,6 +62802,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -62591,6 +62815,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -62598,6 +62823,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                         Sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -62606,6 +62832,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -62616,6 +62843,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -63106,6 +63334,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -63116,6 +63345,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -63129,6 +63359,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -63136,6 +63367,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                         Oct
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -63144,6 +63376,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -63153,6 +63386,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -65636,6 +65870,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -65645,6 +65880,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -65657,6 +65893,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -65664,6 +65901,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                     Sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -65672,6 +65910,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -65681,6 +65920,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -67795,7 +68035,7 @@ exports[`Locale Provider should display the text as es 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -67830,7 +68070,7 @@ exports[`Locale Provider should display the text as es 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -67855,6 +68095,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -67864,6 +68105,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -67876,6 +68118,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -67883,6 +68126,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                         Sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -67891,6 +68135,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -67901,6 +68146,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -68391,6 +68637,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -68401,6 +68648,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -68414,6 +68662,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -68421,6 +68670,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                         Oct
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -68429,6 +68679,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -68438,6 +68689,7 @@ exports[`Locale Provider should display the text as es 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -70921,6 +71173,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -70930,6 +71183,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -70942,6 +71196,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -70949,6 +71204,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                     sept
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -70957,6 +71213,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -70966,6 +71223,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -73080,7 +73338,7 @@ exports[`Locale Provider should display the text as et 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -73115,7 +73373,7 @@ exports[`Locale Provider should display the text as et 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -73140,6 +73398,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -73149,6 +73408,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -73161,6 +73421,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -73168,6 +73429,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                         sept
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -73176,6 +73438,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -73186,6 +73449,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -73676,6 +73940,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -73686,6 +73951,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -73699,6 +73965,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -73706,6 +73973,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                         okt
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -73714,6 +73982,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -73723,6 +73992,7 @@ exports[`Locale Provider should display the text as et 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -76206,6 +76476,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -76215,6 +76486,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -76227,6 +76499,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -76234,6 +76507,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                     2017
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -76242,6 +76516,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -76251,6 +76526,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -78365,7 +78641,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -78400,7 +78676,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -78425,6 +78701,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -78434,6 +78711,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -78446,6 +78724,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -78453,6 +78732,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -78461,6 +78741,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -78471,6 +78752,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -78961,6 +79243,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -78971,6 +79254,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -78984,6 +79268,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -78991,6 +79276,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -78999,6 +79285,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -79008,6 +79295,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -81491,6 +81779,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -81500,6 +81789,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -81512,6 +81802,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -81519,6 +81810,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                     سپتامبر
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -81527,6 +81819,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -81536,6 +81829,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -83650,7 +83944,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -83685,7 +83979,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -83710,6 +84004,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -83719,6 +84014,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -83731,6 +84027,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -83738,6 +84035,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                         سپتامبر
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -83746,6 +84044,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -83756,6 +84055,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -84246,6 +84546,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -84256,6 +84557,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -84269,6 +84571,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -84276,6 +84579,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                         اکتبر
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -84284,6 +84588,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -84293,6 +84598,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -86776,6 +87082,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -86785,6 +87092,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -86797,6 +87105,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -86804,6 +87113,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                     syys
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -86812,6 +87122,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -86821,6 +87132,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -88935,7 +89247,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -88970,7 +89282,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -88995,6 +89307,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -89004,6 +89317,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -89016,6 +89330,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -89023,6 +89338,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                         syys
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -89031,6 +89347,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -89041,6 +89358,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -89531,6 +89849,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -89541,6 +89860,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -89554,6 +89874,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -89561,6 +89882,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                         loka
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -89569,6 +89891,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -89578,6 +89901,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -92061,6 +92385,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -92070,6 +92395,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -92082,6 +92408,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -92089,6 +92416,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                     sept.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -92097,6 +92425,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -92106,6 +92435,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -94220,7 +94550,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -94255,7 +94585,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -94280,6 +94610,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -94289,6 +94620,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -94301,6 +94633,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -94308,6 +94641,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                         sept.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -94316,6 +94650,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -94326,6 +94661,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -94816,6 +95152,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -94826,6 +95163,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -94839,6 +95177,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -94846,6 +95185,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                         oct.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -94854,6 +95194,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -94863,6 +95204,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -97346,6 +97688,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -97355,6 +97698,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -97367,6 +97711,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -97374,6 +97719,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                     sept.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -97382,6 +97728,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -97391,6 +97738,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -99505,7 +99853,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -99540,7 +99888,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -99565,6 +99913,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -99574,6 +99923,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -99586,6 +99936,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -99593,6 +99944,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                         sept.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -99601,6 +99953,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -99611,6 +99964,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -100101,6 +100455,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -100111,6 +100466,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -100124,6 +100480,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -100131,6 +100488,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                         oct.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -100139,6 +100497,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -100148,6 +100507,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -102631,6 +102991,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -102640,6 +103001,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -102652,6 +103014,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -102659,6 +103022,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                     sept.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -102667,6 +103031,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -102676,6 +103041,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -104790,7 +105156,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -104825,7 +105191,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -104850,6 +105216,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -104859,6 +105226,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -104871,6 +105239,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -104878,6 +105247,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                         sept.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -104886,6 +105256,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -104896,6 +105267,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -105386,6 +105758,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -105396,6 +105769,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -105409,6 +105783,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -105416,6 +105791,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                         oct.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -105424,6 +105800,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -105433,6 +105810,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -107916,6 +108294,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -107925,6 +108304,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -107937,6 +108317,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -107944,6 +108325,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                     Meán
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -107952,6 +108334,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -107961,6 +108344,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -110075,7 +110459,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -110110,7 +110494,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -110135,6 +110519,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -110144,6 +110529,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -110156,6 +110542,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -110163,6 +110550,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                         Meán
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -110171,6 +110559,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -110181,6 +110570,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -110671,6 +111061,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -110681,6 +111072,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -110694,6 +111086,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -110701,6 +111094,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                         Deai
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -110709,6 +111103,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -110718,6 +111113,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -113201,6 +113597,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -113210,6 +113607,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -113222,6 +113620,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -113229,6 +113628,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                     set.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -113237,6 +113637,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -113246,6 +113647,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -115360,7 +115762,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -115395,7 +115797,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -115420,6 +115822,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -115429,6 +115832,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -115441,6 +115845,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -115448,6 +115853,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                         set.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -115456,6 +115862,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -115466,6 +115873,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -115956,6 +116364,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -115966,6 +116375,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -115979,6 +116389,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -115986,6 +116397,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                         out.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -115994,6 +116406,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -116003,6 +116416,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -118486,6 +118900,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -118495,6 +118910,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -118507,6 +118923,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -118514,6 +118931,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                     ספט
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -118522,6 +118940,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -118531,6 +118950,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -120645,7 +121065,7 @@ exports[`Locale Provider should display the text as he 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -120680,7 +121100,7 @@ exports[`Locale Provider should display the text as he 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -120705,6 +121125,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -120714,6 +121135,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -120726,6 +121148,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -120733,6 +121156,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                         ספט
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -120741,6 +121165,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -120751,6 +121176,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -121241,6 +121667,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -121251,6 +121678,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -121264,6 +121692,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -121271,6 +121700,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                         אוק
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -121279,6 +121709,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -121288,6 +121719,7 @@ exports[`Locale Provider should display the text as he 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -123771,6 +124203,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -123780,6 +124213,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -123792,6 +124226,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -123799,6 +124234,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                     सित.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -123807,6 +124243,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -123816,6 +124253,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -125930,7 +126368,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -125965,7 +126403,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -125990,6 +126428,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -125999,6 +126438,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -126011,6 +126451,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -126018,6 +126459,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                         सित.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -126026,6 +126468,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -126036,6 +126479,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -126526,6 +126970,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -126536,6 +126981,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -126549,6 +126995,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -126556,6 +127003,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                         अक्टू.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -126564,6 +127012,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -126573,6 +127022,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -129056,6 +129506,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -129065,6 +129516,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -129077,6 +129529,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -129084,6 +129537,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                     ruj.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -129092,6 +129546,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -129101,6 +129556,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -131215,7 +131671,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -131250,7 +131706,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -131275,6 +131731,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -131284,6 +131741,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -131296,6 +131754,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -131303,6 +131762,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                         ruj.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -131311,6 +131771,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -131321,6 +131782,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -131811,6 +132273,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -131821,6 +132284,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -131834,6 +132298,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -131841,6 +132306,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                         lis.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -131849,6 +132315,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -131858,6 +132325,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -134341,6 +134809,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -134350,6 +134819,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -134362,6 +134832,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -134369,6 +134840,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                     szept
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -134377,6 +134849,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -134386,6 +134859,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -136500,7 +136974,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -136535,7 +137009,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -136560,6 +137034,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -136569,6 +137044,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -136581,6 +137057,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -136588,6 +137065,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                         szept
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -136596,6 +137074,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -136606,6 +137085,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -137096,6 +137576,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -137106,6 +137587,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -137119,6 +137601,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -137126,6 +137609,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                         okt
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -137134,6 +137618,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -137143,6 +137628,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -139626,6 +140112,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -139635,6 +140122,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -139647,6 +140135,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -139654,6 +140143,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                     սպտ
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -139662,6 +140152,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -139671,6 +140162,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -141785,7 +142277,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -141820,7 +142312,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -141845,6 +142337,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -141854,6 +142347,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -141866,6 +142360,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -141873,6 +142368,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                         սպտ
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -141881,6 +142377,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -141891,6 +142388,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -142381,6 +142879,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -142391,6 +142890,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -142404,6 +142904,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -142411,6 +142912,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                         հկտ
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -142419,6 +142921,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -142428,6 +142931,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -144911,6 +145415,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -144920,6 +145425,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -144932,6 +145438,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -144939,6 +145446,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                     Sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -144947,6 +145455,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -144956,6 +145465,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -147070,7 +147580,7 @@ exports[`Locale Provider should display the text as id 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -147105,7 +147615,7 @@ exports[`Locale Provider should display the text as id 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -147130,6 +147640,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -147139,6 +147650,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -147151,6 +147663,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -147158,6 +147671,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                         Sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -147166,6 +147680,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -147176,6 +147691,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -147666,6 +148182,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -147676,6 +148193,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -147689,6 +148207,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -147696,6 +148215,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                         Okt
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -147704,6 +148224,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -147713,6 +148234,7 @@ exports[`Locale Provider should display the text as id 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -150196,6 +150718,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -150205,6 +150728,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -150217,6 +150741,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -150224,6 +150749,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                     sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -150232,6 +150758,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -150241,6 +150768,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -152355,7 +152883,7 @@ exports[`Locale Provider should display the text as is 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -152390,7 +152918,7 @@ exports[`Locale Provider should display the text as is 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -152415,6 +152943,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -152424,6 +152953,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -152436,6 +152966,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -152443,6 +152974,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                         sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -152451,6 +152983,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -152461,6 +152994,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -152951,6 +153485,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -152961,6 +153496,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -152974,6 +153510,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -152981,6 +153518,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                         okt
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -152989,6 +153527,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -152998,6 +153537,7 @@ exports[`Locale Provider should display the text as is 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -155481,6 +156021,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -155490,6 +156031,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -155502,6 +156044,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -155509,6 +156052,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                     set
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -155517,6 +156061,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -155526,6 +156071,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -157640,7 +158186,7 @@ exports[`Locale Provider should display the text as it 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -157675,7 +158221,7 @@ exports[`Locale Provider should display the text as it 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -157700,6 +158246,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -157709,6 +158256,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -157721,6 +158269,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -157728,6 +158277,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                         set
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -157736,6 +158286,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -157746,6 +158297,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -158236,6 +158788,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -158246,6 +158799,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -158259,6 +158813,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -158266,6 +158821,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                         ott
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -158274,6 +158830,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -158283,6 +158840,7 @@ exports[`Locale Provider should display the text as it 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -160766,6 +161324,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -160775,6 +161334,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -160787,6 +161347,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -160794,6 +161355,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                     2017年
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -160802,6 +161364,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -160811,6 +161374,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -162925,7 +163489,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -162960,7 +163524,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -162985,6 +163549,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -162994,6 +163559,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -163006,6 +163572,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -163013,6 +163580,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                         2017年
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -163021,6 +163589,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -163031,6 +163600,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -163521,6 +164091,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -163531,6 +164102,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -163544,6 +164116,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -163551,6 +164124,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                         2017年
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -163559,6 +164133,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -163568,6 +164143,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -166051,6 +166627,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -166060,6 +166637,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -166072,6 +166650,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -166079,6 +166658,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                     სექ
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -166087,6 +166667,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -166096,6 +166677,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -168210,7 +168792,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -168245,7 +168827,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -168270,6 +168852,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -168279,6 +168862,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -168291,6 +168875,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -168298,6 +168883,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                         სექ
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -168306,6 +168892,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -168316,6 +168903,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -168806,6 +169394,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -168816,6 +169405,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -168829,6 +169419,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -168836,6 +169427,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                         ოქტ
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -168844,6 +169436,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -168853,6 +169446,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -171336,6 +171930,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -171345,6 +171940,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -171357,6 +171953,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -171364,6 +171961,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                     қыр
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -171372,6 +171970,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -171381,6 +171980,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -173495,7 +174095,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -173530,7 +174130,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -173555,6 +174155,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -173564,6 +174165,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -173576,6 +174178,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -173583,6 +174186,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                         қыр
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -173591,6 +174195,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -173601,6 +174206,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -174091,6 +174697,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -174101,6 +174708,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -174114,6 +174722,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -174121,6 +174730,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                         қаз
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -174129,6 +174739,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -174138,6 +174749,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -176621,6 +177233,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -176630,6 +177243,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -176642,6 +177256,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -176649,6 +177264,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                     2017
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -176657,6 +177273,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -176666,6 +177283,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -178780,7 +179398,7 @@ exports[`Locale Provider should display the text as km 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -178815,7 +179433,7 @@ exports[`Locale Provider should display the text as km 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -178840,6 +179458,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -178849,6 +179468,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -178861,6 +179481,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -178868,6 +179489,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -178876,6 +179498,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -178886,6 +179509,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -179376,6 +180000,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -179386,6 +180011,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -179399,6 +180025,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -179406,6 +180033,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -179414,6 +180042,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -179423,6 +180052,7 @@ exports[`Locale Provider should display the text as km 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -181904,6 +182534,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -181913,6 +182544,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -181925,6 +182557,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -181932,6 +182565,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                     ಸೆಪ್ಟೆಂ
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -181940,6 +182574,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -181949,6 +182584,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -184063,7 +184699,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -184098,7 +184734,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -184123,6 +184759,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -184132,6 +184769,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -184144,6 +184782,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -184151,6 +184790,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                         ಸೆಪ್ಟೆಂ
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -184159,6 +184799,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -184169,6 +184810,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -184659,6 +185301,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -184669,6 +185312,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -184682,6 +185326,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -184689,6 +185334,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                         ಅಕ್ಟೋ
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -184697,6 +185343,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -184706,6 +185353,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -187189,6 +187837,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -187198,6 +187847,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -187210,6 +187860,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -187217,6 +187868,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                     2017년
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -187225,6 +187877,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -187234,6 +187887,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -189348,7 +190002,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -189383,7 +190037,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -189408,6 +190062,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -189417,6 +190072,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -189429,6 +190085,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -189436,6 +190093,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                         2017년
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -189444,6 +190102,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -189454,6 +190113,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -189944,6 +190604,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -189954,6 +190615,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -189967,6 +190629,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -189974,6 +190637,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                         2017년
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -189982,6 +190646,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -189991,6 +190656,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -192474,6 +193140,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -192483,6 +193150,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -192495,6 +193163,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -192502,6 +193171,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                     ئەیلوول
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -192510,6 +193180,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -192519,6 +193190,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -194633,7 +195305,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -194668,7 +195340,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -194693,6 +195365,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -194702,6 +195375,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -194714,6 +195388,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -194721,6 +195396,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                         ئەیلوول
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -194729,6 +195405,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -194739,6 +195416,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -195229,6 +195907,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -195239,6 +195918,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -195252,6 +195932,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -195259,6 +195940,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                         تشرینی یەکەم
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -195267,6 +195949,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -195276,6 +195959,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -197759,6 +198443,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -197768,6 +198453,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -197780,6 +198466,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -197787,6 +198474,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                     ئەیلوول
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -197795,6 +198483,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -197804,6 +198493,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -199918,7 +200608,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -199953,7 +200643,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -199978,6 +200668,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -199987,6 +200678,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -199999,6 +200691,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -200006,6 +200699,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                         ئەیلوول
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -200014,6 +200708,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -200024,6 +200719,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -200514,6 +201210,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -200524,6 +201221,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -200537,6 +201235,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -200544,6 +201243,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                         تشرینی یەکەم
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -200552,6 +201252,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -200561,6 +201262,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -203044,6 +203746,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -203053,6 +203756,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -203065,6 +203769,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -203072,6 +203777,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                     rgs
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -203080,6 +203786,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -203089,6 +203796,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -205203,7 +205911,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -205238,7 +205946,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -205263,6 +205971,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -205272,6 +205981,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -205284,6 +205994,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -205291,6 +206002,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                         rgs
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -205299,6 +206011,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -205309,6 +206022,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -205799,6 +206513,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -205809,6 +206524,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -205822,6 +206538,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -205829,6 +206546,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                         spa
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -205837,6 +206555,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -205846,6 +206565,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -208329,6 +209049,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -208338,6 +209059,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -208350,6 +209072,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -208357,6 +209080,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                     sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -208365,6 +209089,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -208374,6 +209099,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -210488,7 +211214,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -210523,7 +211249,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -210548,6 +211274,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -210557,6 +211284,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -210569,6 +211297,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -210576,6 +211305,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                         sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -210584,6 +211314,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -210594,6 +211325,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -211084,6 +211816,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -211094,6 +211827,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -211107,6 +211841,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -211114,6 +211849,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                         okt
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -211122,6 +211858,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -211131,6 +211868,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -213614,6 +214352,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -213623,6 +214362,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -213635,6 +214375,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -213642,6 +214383,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                     сеп
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -213650,6 +214392,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -213659,6 +214402,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -215773,7 +216517,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -215808,7 +216552,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -215833,6 +216577,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -215842,6 +216587,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -215854,6 +216600,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -215861,6 +216608,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                         сеп
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -215869,6 +216617,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -215879,6 +216628,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -216369,6 +217119,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -216379,6 +217130,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -216392,6 +217144,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -216399,6 +217152,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                         окт
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -216407,6 +217161,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -216416,6 +217171,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -218899,6 +219655,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -218908,6 +219665,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -218920,6 +219678,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -218927,6 +219686,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                     സെപ്റ്റ.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -218935,6 +219695,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -218944,6 +219705,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -221058,7 +221820,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -221093,7 +221855,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -221118,6 +221880,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -221127,6 +221890,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -221139,6 +221903,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -221146,6 +221911,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                         സെപ്റ്റ.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -221154,6 +221920,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -221164,6 +221931,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -221654,6 +222422,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -221664,6 +222433,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -221677,6 +222447,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -221684,6 +222455,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                         ഒക്ടോ.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -221692,6 +222464,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -221701,6 +222474,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -224184,6 +224958,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -224193,6 +224968,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -224205,6 +224981,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -224212,6 +224989,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                     9 сар
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -224220,6 +224998,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -224229,6 +225008,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -226343,7 +227123,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -226378,7 +227158,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -226403,6 +227183,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -226412,6 +227193,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -226424,6 +227206,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -226431,6 +227214,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                         9 сар
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -226439,6 +227223,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -226449,6 +227234,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -226939,6 +227725,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -226949,6 +227736,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -226962,6 +227750,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -226969,6 +227758,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                         10 сар
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -226977,6 +227767,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -226986,6 +227777,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -229469,6 +230261,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -229478,6 +230271,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -229490,6 +230284,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -229497,6 +230292,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                     2017
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -229505,6 +230301,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -229514,6 +230311,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -231628,7 +232426,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -231663,7 +232461,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -231688,6 +232486,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -231697,6 +232496,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -231709,6 +232509,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -231716,6 +232517,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -231724,6 +232526,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -231734,6 +232537,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -232224,6 +233028,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -232234,6 +233039,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -232247,6 +233053,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -232254,6 +233061,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -232262,6 +233070,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -232271,6 +233080,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -234754,6 +235564,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -234763,6 +235574,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -234775,6 +235587,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -234782,6 +235595,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                     Sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -234790,6 +235604,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -234799,6 +235614,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -236913,7 +237729,7 @@ exports[`Locale Provider should display the text as my 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -236948,7 +237764,7 @@ exports[`Locale Provider should display the text as my 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -236973,6 +237789,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -236982,6 +237799,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -236994,6 +237812,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -237001,6 +237820,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                         Sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -237009,6 +237829,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -237019,6 +237840,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -237509,6 +238331,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -237519,6 +238342,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -237532,6 +238356,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -237539,6 +238364,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                         Oct
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -237547,6 +238373,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -237556,6 +238383,7 @@ exports[`Locale Provider should display the text as my 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -240039,6 +240867,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -240048,6 +240877,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -240060,6 +240890,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -240067,6 +240898,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                     sep.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -240075,6 +240907,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -240084,6 +240917,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -242198,7 +243032,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -242233,7 +243067,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -242258,6 +243092,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -242267,6 +243102,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -242279,6 +243115,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -242286,6 +243123,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                         sep.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -242294,6 +243132,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -242304,6 +243143,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -242794,6 +243634,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -242804,6 +243645,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -242817,6 +243659,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -242824,6 +243667,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                         okt.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -242832,6 +243676,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -242841,6 +243686,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -245324,6 +246170,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -245333,6 +246180,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -245345,6 +246193,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -245352,6 +246201,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                     Sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -245360,6 +246210,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -245369,6 +246220,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -247483,7 +248335,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -247518,7 +248370,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -247543,6 +248395,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -247552,6 +248405,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -247564,6 +248418,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -247571,6 +248426,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                         Sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -247579,6 +248435,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -247589,6 +248446,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -248079,6 +248937,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -248089,6 +248948,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -248102,6 +248962,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -248109,6 +248970,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                         Oct
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -248117,6 +248979,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -248126,6 +248989,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -250609,6 +251473,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -250618,6 +251483,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -250630,6 +251496,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -250637,6 +251504,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                     sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -250645,6 +251513,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -250654,6 +251523,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -252768,7 +253638,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -252803,7 +253673,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -252828,6 +253698,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -252837,6 +253708,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -252849,6 +253721,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -252856,6 +253729,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                         sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -252864,6 +253738,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -252874,6 +253749,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -253364,6 +254240,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -253374,6 +254251,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -253387,6 +254265,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -253394,6 +254273,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                         okt
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -253402,6 +254282,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -253411,6 +254292,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -255894,6 +256776,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -255903,6 +256786,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -255915,6 +256799,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -255922,6 +256807,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                     sep.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -255930,6 +256816,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -255939,6 +256826,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -258053,7 +258941,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -258088,7 +258976,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -258113,6 +259001,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -258122,6 +259011,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -258134,6 +259024,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -258141,6 +259032,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                         sep.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -258149,6 +259041,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -258159,6 +259052,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -258649,6 +259543,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -258659,6 +259554,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -258672,6 +259568,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -258679,6 +259576,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                         okt.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -258687,6 +259585,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -258696,6 +259595,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -261179,6 +262079,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -261188,6 +262089,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -261200,6 +262102,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -261207,6 +262110,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                     wrz
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -261215,6 +262119,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -261224,6 +262129,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -263338,7 +264244,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -263373,7 +264279,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -263398,6 +264304,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -263407,6 +264314,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -263419,6 +264327,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -263426,6 +264335,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                         wrz
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -263434,6 +264344,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -263444,6 +264355,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -263934,6 +264846,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -263944,6 +264857,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -263957,6 +264871,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -263964,6 +264879,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                         paź
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -263972,6 +264888,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -263981,6 +264898,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -266464,6 +267382,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -266473,6 +267392,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -266485,6 +267405,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -266492,6 +267413,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                     2017
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -266500,6 +267422,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -266509,6 +267432,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -268623,7 +269547,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -268658,7 +269582,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -268683,6 +269607,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -268692,6 +269617,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -268704,6 +269630,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -268711,6 +269638,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -268719,6 +269647,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -268729,6 +269658,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -269219,6 +270149,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -269229,6 +270160,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -269242,6 +270174,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -269249,6 +270182,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -269257,6 +270191,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -269266,6 +270201,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -271749,6 +272685,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -271758,6 +272695,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -271770,6 +272708,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -271777,6 +272716,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                     2017
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -271785,6 +272725,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -271794,6 +272735,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -273908,7 +274850,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -273943,7 +274885,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -273968,6 +274910,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -273977,6 +274920,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -273989,6 +274933,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -273996,6 +274941,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -274004,6 +274950,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -274014,6 +274961,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -274504,6 +275452,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -274514,6 +275463,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -274527,6 +275477,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -274534,6 +275485,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -274542,6 +275494,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -274551,6 +275504,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -277034,6 +277988,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -277043,6 +277998,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -277055,6 +278011,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -277062,6 +278019,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                     Sept.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -277070,6 +278028,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -277079,6 +278038,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -279193,7 +280153,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -279228,7 +280188,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -279253,6 +280213,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -279262,6 +280223,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -279274,6 +280236,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -279281,6 +280244,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                         Sept.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -279289,6 +280253,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -279299,6 +280264,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -279789,6 +280755,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -279799,6 +280766,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -279812,6 +280780,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -279819,6 +280788,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                         Oct.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -279827,6 +280797,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -279836,6 +280807,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -282319,6 +283291,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -282328,6 +283301,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -282340,6 +283314,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -282347,6 +283322,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                     Сен
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -282355,6 +283331,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -282364,6 +283341,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -284478,7 +285456,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -284513,7 +285491,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -284538,6 +285516,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -284547,6 +285526,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -284559,6 +285539,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -284566,6 +285547,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                         Сен
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -284574,6 +285556,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -284584,6 +285567,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -285074,6 +286058,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -285084,6 +286069,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -285097,6 +286083,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -285104,6 +286091,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                         Окт
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -285112,6 +286100,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -285121,6 +286110,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -287604,6 +288594,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -287613,6 +288604,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -287625,6 +288617,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -287632,6 +288625,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                     2017
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -287640,6 +288634,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -287649,6 +288644,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -289763,7 +290759,7 @@ exports[`Locale Provider should display the text as si 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -289798,7 +290794,7 @@ exports[`Locale Provider should display the text as si 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -289823,6 +290819,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -289832,6 +290829,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -289844,6 +290842,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -289851,6 +290850,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -289859,6 +290859,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -289869,6 +290870,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -290359,6 +291361,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -290369,6 +291372,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -290382,6 +291386,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -290389,6 +291394,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                         2017
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -290397,6 +291403,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -290406,6 +291413,7 @@ exports[`Locale Provider should display the text as si 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -292889,6 +293897,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -292898,6 +293907,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -292910,6 +293920,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -292917,6 +293928,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                     sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -292925,6 +293937,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -292934,6 +293947,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -295048,7 +296062,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -295083,7 +296097,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -295108,6 +296122,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -295117,6 +296132,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -295129,6 +296145,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -295136,6 +296153,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                         sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -295144,6 +296162,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -295154,6 +296173,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -295644,6 +296664,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -295654,6 +296675,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -295667,6 +296689,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -295674,6 +296697,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                         okt
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -295682,6 +296706,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -295691,6 +296716,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -298174,6 +299200,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -298183,6 +299210,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -298195,6 +299223,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -298202,6 +299231,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                     september
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -298210,6 +299240,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -298219,6 +299250,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -300333,7 +301365,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -300368,7 +301400,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -300393,6 +301425,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -300402,6 +301435,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -300414,6 +301448,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -300421,6 +301456,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                         september
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -300429,6 +301465,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -300439,6 +301476,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -300929,6 +301967,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -300939,6 +301978,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -300952,6 +301992,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -300959,6 +302000,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                         oktober
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -300967,6 +302009,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -300976,6 +302019,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -303459,6 +304503,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -303468,6 +304513,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -303480,6 +304526,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -303487,6 +304534,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                     Sep.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -303495,6 +304543,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -303504,6 +304553,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -305618,7 +306668,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -305653,7 +306703,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -305678,6 +306728,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -305687,6 +306738,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -305699,6 +306751,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -305706,6 +306759,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                         Sep.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -305714,6 +306768,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -305724,6 +306779,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -306214,6 +307270,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -306224,6 +307281,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -306237,6 +307295,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -306244,6 +307303,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                         Okt.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -306252,6 +307312,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -306261,6 +307322,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -308744,6 +309806,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -308753,6 +309816,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -308765,6 +309829,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -308772,6 +309837,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                     sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -308780,6 +309846,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -308789,6 +309856,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -310903,7 +311971,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -310938,7 +312006,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -310963,6 +312031,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -310972,6 +312041,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -310984,6 +312054,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -310991,6 +312062,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                         sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -310999,6 +312071,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -311009,6 +312082,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -311499,6 +312573,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -311509,6 +312584,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -311522,6 +312598,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -311529,6 +312606,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                         okt
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -311537,6 +312615,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -311546,6 +312625,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -314029,6 +315109,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -314038,6 +315119,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -314050,6 +315132,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -314057,6 +315140,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                     செப்டெம்பர்
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -314065,6 +315149,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -314074,6 +315159,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -316188,7 +317274,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -316223,7 +317309,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -316248,6 +317334,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -316257,6 +317344,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -316269,6 +317357,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -316276,6 +317365,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                         செப்டெம்பர்
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -316284,6 +317374,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -316294,6 +317385,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -316784,6 +317876,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -316794,6 +317887,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -316807,6 +317901,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -316814,6 +317909,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                         அக்டோபர்
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -316822,6 +317918,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -316831,6 +317928,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -319314,6 +320412,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -319323,6 +320422,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -319335,6 +320435,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -319342,6 +320443,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                     ก.ย.
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -319350,6 +320452,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -319359,6 +320462,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -321473,7 +322577,7 @@ exports[`Locale Provider should display the text as th 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -321508,7 +322612,7 @@ exports[`Locale Provider should display the text as th 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -321533,6 +322637,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -321542,6 +322647,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -321554,6 +322660,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -321561,6 +322668,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                         ก.ย.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -321569,6 +322677,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -321579,6 +322688,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -322069,6 +323179,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -322079,6 +323190,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -322092,6 +323204,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -322099,6 +323212,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                         ต.ค.
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -322107,6 +323221,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -322116,6 +323231,7 @@ exports[`Locale Provider should display the text as th 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -324599,6 +325715,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -324608,6 +325725,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -324620,6 +325738,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -324627,6 +325746,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                     Sen
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -324635,6 +325755,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -324644,6 +325765,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -326758,7 +327880,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -326793,7 +327915,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -326818,6 +327940,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -326827,6 +327950,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -326839,6 +327963,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -326846,6 +327971,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                         Sen
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -326854,6 +327980,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -326864,6 +327991,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -327354,6 +328482,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -327364,6 +328493,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -327377,6 +328507,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -327384,6 +328515,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                         Okt
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -327392,6 +328524,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -327401,6 +328534,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -329884,6 +331018,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -329893,6 +331028,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -329905,6 +331041,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -329912,6 +331049,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                     Eyl
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -329920,6 +331058,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -329929,6 +331068,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -329947,25 +331087,25 @@ exports[`Locale Provider should display the text as tr 1`] = `
                   <thead>
                     <tr>
                       <th>
-                        Pt
+                        Sal
                       </th>
                       <th>
-                        Sa
+                        Çar
                       </th>
                       <th>
-                        Ça
+                        Per
                       </th>
                       <th>
-                        Pe
+                        Cum
                       </th>
                       <th>
-                        Cu
+                        Cmt
                       </th>
                       <th>
-                        Ct
+                        Paz
                       </th>
                       <th>
-                        Pz
+                        Pzt
                       </th>
                     </tr>
                   </thead>
@@ -332043,7 +333183,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -332078,7 +333218,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -332103,6 +333243,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -332112,6 +333253,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -332124,6 +333266,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -332131,6 +333274,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                         Eyl
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -332139,6 +333283,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -332149,6 +333294,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -332168,25 +333314,25 @@ exports[`Locale Provider should display the text as tr 1`] = `
                       <thead>
                         <tr>
                           <th>
-                            Pt
+                            Sal
                           </th>
                           <th>
-                            Sa
+                            Çar
                           </th>
                           <th>
-                            Ça
+                            Per
                           </th>
                           <th>
-                            Pe
+                            Cum
                           </th>
                           <th>
-                            Cu
+                            Cmt
                           </th>
                           <th>
-                            Ct
+                            Paz
                           </th>
                           <th>
-                            Pz
+                            Pzt
                           </th>
                         </tr>
                       </thead>
@@ -332639,6 +333785,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -332649,6 +333796,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -332662,6 +333810,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -332669,6 +333818,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                         Eki
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -332677,6 +333827,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -332686,6 +333837,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -332704,25 +333856,25 @@ exports[`Locale Provider should display the text as tr 1`] = `
                       <thead>
                         <tr>
                           <th>
-                            Pt
+                            Sal
                           </th>
                           <th>
-                            Sa
+                            Çar
                           </th>
                           <th>
-                            Ça
+                            Per
                           </th>
                           <th>
-                            Pe
+                            Cum
                           </th>
                           <th>
-                            Cu
+                            Cmt
                           </th>
                           <th>
-                            Ct
+                            Paz
                           </th>
                           <th>
-                            Pz
+                            Pzt
                           </th>
                         </tr>
                       </thead>
@@ -333859,25 +335011,25 @@ exports[`Locale Provider should display the text as tr 1`] = `
             <thead>
               <tr>
                 <th>
-                  Pt
+                  Sal
                 </th>
                 <th>
-                  Sa
+                  Çar
                 </th>
                 <th>
-                  Ça
+                  Per
                 </th>
                 <th>
-                  Pe
+                  Cum
                 </th>
                 <th>
-                  Cu
+                  Cmt
                 </th>
                 <th>
-                  Ct
+                  Paz
                 </th>
                 <th>
-                  Pz
+                  Pzt
                 </th>
               </tr>
             </thead>
@@ -335169,6 +336321,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -335178,6 +336331,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -335190,6 +336344,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -335197,6 +336352,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                     вер
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -335205,6 +336361,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -335214,6 +336371,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -337328,7 +338486,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -337363,7 +338521,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -337388,6 +338546,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -337397,6 +338556,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -337409,6 +338569,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -337416,6 +338577,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                         вер
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -337424,6 +338586,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -337434,6 +338597,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -337924,6 +339088,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -337934,6 +339099,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -337947,6 +339113,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -337954,6 +339121,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                         жовт
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -337962,6 +339130,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -337971,6 +339140,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -340454,6 +341624,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -340463,6 +341634,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -340475,6 +341647,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -340482,6 +341655,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                     ستمبر
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -340490,6 +341664,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -340499,6 +341674,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -342613,7 +343789,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -342648,7 +343824,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -342673,6 +343849,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -342682,6 +343859,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -342694,6 +343872,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -342701,6 +343880,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                         ستمبر
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -342709,6 +343889,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -342719,6 +343900,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -343209,6 +344391,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -343219,6 +344402,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -343232,6 +344416,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -343239,6 +344424,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                         اکتوبر
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -343247,6 +344433,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -343256,6 +344443,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -345739,6 +346927,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -345748,6 +346937,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -345760,6 +346950,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -345767,6 +346958,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                     Sep
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -345775,6 +346967,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -345784,6 +346977,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -347898,7 +349092,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -347933,7 +349127,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -347958,6 +349152,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -347967,6 +349162,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -347979,6 +349175,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -347986,6 +349183,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                         Sep
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -347994,6 +349192,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -348004,6 +349203,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -348494,6 +349694,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -348504,6 +349705,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -348517,6 +349719,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -348524,6 +349727,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                         Oct
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -348532,6 +349736,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -348541,6 +349746,7 @@ exports[`Locale Provider should display the text as uz-latn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -351024,6 +352230,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -351033,6 +352240,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -351045,6 +352253,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -351052,6 +352261,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                     Th09
                   </button>
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -351060,6 +352270,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -351069,6 +352280,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -353183,7 +354395,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -353218,7 +354430,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -353243,6 +354455,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -353252,6 +354465,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -353264,6 +354478,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -353271,6 +354486,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                         Th09
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -353279,6 +354495,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -353289,6 +354506,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -353779,6 +354997,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -353789,6 +355008,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -353802,6 +355022,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -353809,6 +355030,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                         Th10
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -353817,6 +355039,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -353826,6 +355049,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -356309,6 +357533,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -356318,6 +357543,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -356330,6 +357556,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -356337,6 +357564,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                     2017年
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -356345,6 +357573,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -356354,6 +357583,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -358468,7 +359698,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -358503,7 +359733,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -358528,6 +359758,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -358537,6 +359768,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -358549,6 +359781,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -358556,6 +359789,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                         2017年
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -358564,6 +359798,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -358574,6 +359809,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -359064,6 +360300,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -359074,6 +360311,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -359087,6 +360325,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -359094,6 +360333,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                         2017年
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -359102,6 +360342,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -359111,6 +360352,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -361594,6 +362836,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -361603,6 +362846,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -361615,6 +362859,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -361622,6 +362867,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                     2017年
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -361630,6 +362876,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -361639,6 +362886,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -363753,7 +365001,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -363788,7 +365036,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -363813,6 +365061,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -363822,6 +365071,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -363834,6 +365084,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -363841,6 +365092,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                         2017年
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -363849,6 +365101,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -363859,6 +365112,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -364349,6 +365603,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -364359,6 +365614,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -364372,6 +365628,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -364379,6 +365636,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                         2017年
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -364387,6 +365645,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -364396,6 +365655,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -366879,6 +368139,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                 class="ant-picker-header"
               >
                 <button
+                  aria-label="super-prev-year"
                   class="ant-picker-header-super-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -366888,6 +368149,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="prev-year"
                   class="ant-picker-header-prev-btn"
                   tabindex="-1"
                   type="button"
@@ -366900,6 +368162,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                   class="ant-picker-header-view"
                 >
                   <button
+                    aria-label="year panel"
                     class="ant-picker-year-btn"
                     tabindex="-1"
                     type="button"
@@ -366907,6 +368170,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                     2017年
                   </button>
                   <button
+                    aria-label="month panel"
                     class="ant-picker-month-btn"
                     tabindex="-1"
                     type="button"
@@ -366915,6 +368179,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                   </button>
                 </div>
                 <button
+                  aria-label="next-year"
                   class="ant-picker-header-next-btn"
                   tabindex="-1"
                   type="button"
@@ -366924,6 +368189,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                   />
                 </button>
                 <button
+                  aria-label="super-next-year"
                   class="ant-picker-header-super-next-btn"
                   tabindex="-1"
                   type="button"
@@ -369038,7 +370304,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px; inset-inline-start: 0;"
     />
     <span
       class="ant-picker-suffix"
@@ -369073,7 +370339,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -369098,6 +370364,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -369107,6 +370374,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -369119,6 +370387,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -369126,6 +370395,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                         2017年
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -369134,6 +370404,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -369144,6 +370415,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -369634,6 +370906,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -369644,6 +370917,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       style="visibility: hidden;"
                       tabindex="-1"
@@ -369657,6 +370931,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -369664,6 +370939,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                         2017年
                       </button>
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -369672,6 +370948,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -369681,6 +370958,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
diff --git a/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
index 43c03ace4f2f..56309b98a0f1 100644
--- a/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -1360,6 +1360,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                     class="ant-picker-header"
                   >
                     <button
+                      aria-label="super-prev-year"
                       class="ant-picker-header-super-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -1369,6 +1370,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                       />
                     </button>
                     <button
+                      aria-label="prev-year"
                       class="ant-picker-header-prev-btn"
                       tabindex="-1"
                       type="button"
@@ -1381,6 +1383,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                       class="ant-picker-header-view"
                     >
                       <button
+                        aria-label="month panel"
                         class="ant-picker-month-btn"
                         tabindex="-1"
                         type="button"
@@ -1388,6 +1391,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                         Nov
                       </button>
                       <button
+                        aria-label="year panel"
                         class="ant-picker-year-btn"
                         tabindex="-1"
                         type="button"
@@ -1396,6 +1400,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                       </button>
                     </div>
                     <button
+                      aria-label="next-year"
                       class="ant-picker-header-next-btn"
                       tabindex="-1"
                       type="button"
@@ -1405,6 +1410,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                       />
                     </button>
                     <button
+                      aria-label="super-next-year"
                       class="ant-picker-header-super-next-btn"
                       tabindex="-1"
                       type="button"
@@ -1971,7 +1977,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
         </div>
         <div
           class="ant-picker-active-bar"
-          style="position: absolute; width: 0px; left: 0px;"
+          style="position: absolute; width: 0px;"
         />
         <span
           class="ant-picker-suffix"
@@ -2006,7 +2012,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
         >
           <div
             class="ant-picker-range-arrow"
-            style="left: 0px;"
+            style="inset-inline-start: 0;"
           />
           <div
             class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -2031,6 +2037,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                         class="ant-picker-header"
                       >
                         <button
+                          aria-label="super-prev-year"
                           class="ant-picker-header-super-prev-btn"
                           tabindex="-1"
                           type="button"
@@ -2040,6 +2047,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           />
                         </button>
                         <button
+                          aria-label="prev-year"
                           class="ant-picker-header-prev-btn"
                           tabindex="-1"
                           type="button"
@@ -2052,6 +2060,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           class="ant-picker-header-view"
                         >
                           <button
+                            aria-label="month panel"
                             class="ant-picker-month-btn"
                             tabindex="-1"
                             type="button"
@@ -2059,6 +2068,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                             Nov
                           </button>
                           <button
+                            aria-label="year panel"
                             class="ant-picker-year-btn"
                             tabindex="-1"
                             type="button"
@@ -2067,6 +2077,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           </button>
                         </div>
                         <button
+                          aria-label="next-year"
                           class="ant-picker-header-next-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -2077,6 +2088,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           />
                         </button>
                         <button
+                          aria-label="super-next-year"
                           class="ant-picker-header-super-next-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -2567,6 +2579,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                         class="ant-picker-header"
                       >
                         <button
+                          aria-label="super-prev-year"
                           class="ant-picker-header-super-prev-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -2577,6 +2590,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           />
                         </button>
                         <button
+                          aria-label="prev-year"
                           class="ant-picker-header-prev-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -2590,6 +2604,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           class="ant-picker-header-view"
                         >
                           <button
+                            aria-label="month panel"
                             class="ant-picker-month-btn"
                             tabindex="-1"
                             type="button"
@@ -2597,6 +2612,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                             Dec
                           </button>
                           <button
+                            aria-label="year panel"
                             class="ant-picker-year-btn"
                             tabindex="-1"
                             type="button"
@@ -2605,6 +2621,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           </button>
                         </div>
                         <button
+                          aria-label="next-year"
                           class="ant-picker-header-next-btn"
                           tabindex="-1"
                           type="button"
@@ -2614,6 +2631,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           />
                         </button>
                         <button
+                          aria-label="super-next-year"
                           class="ant-picker-header-super-next-btn"
                           tabindex="-1"
                           type="button"
@@ -3184,7 +3202,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
         </div>
         <div
           class="ant-picker-active-bar"
-          style="position: absolute; width: 0px; left: 0px;"
+          style="position: absolute; width: 0px;"
         />
         <span
           class="ant-picker-suffix"
@@ -3219,7 +3237,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
         >
           <div
             class="ant-picker-range-arrow"
-            style="left: 0px;"
+            style="inset-inline-start: 0;"
           />
           <div
             class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -3244,6 +3262,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                         class="ant-picker-header"
                       >
                         <button
+                          aria-label="super-prev-year"
                           class="ant-picker-header-super-prev-btn"
                           tabindex="-1"
                           type="button"
@@ -3253,6 +3272,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           />
                         </button>
                         <button
+                          aria-label="prev-year"
                           class="ant-picker-header-prev-btn"
                           tabindex="-1"
                           type="button"
@@ -3265,6 +3285,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           class="ant-picker-header-view"
                         >
                           <button
+                            aria-label="month panel"
                             class="ant-picker-month-btn"
                             tabindex="-1"
                             type="button"
@@ -3272,6 +3293,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                             Nov
                           </button>
                           <button
+                            aria-label="year panel"
                             class="ant-picker-year-btn"
                             tabindex="-1"
                             type="button"
@@ -3280,6 +3302,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           </button>
                         </div>
                         <button
+                          aria-label="next-year"
                           class="ant-picker-header-next-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -3290,6 +3313,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           />
                         </button>
                         <button
+                          aria-label="super-next-year"
                           class="ant-picker-header-super-next-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -3780,6 +3804,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                         class="ant-picker-header"
                       >
                         <button
+                          aria-label="super-prev-year"
                           class="ant-picker-header-super-prev-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -3790,6 +3815,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           />
                         </button>
                         <button
+                          aria-label="prev-year"
                           class="ant-picker-header-prev-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -3803,6 +3829,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           class="ant-picker-header-view"
                         >
                           <button
+                            aria-label="month panel"
                             class="ant-picker-month-btn"
                             tabindex="-1"
                             type="button"
@@ -3810,6 +3837,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                             Dec
                           </button>
                           <button
+                            aria-label="year panel"
                             class="ant-picker-year-btn"
                             tabindex="-1"
                             type="button"
@@ -3818,6 +3846,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           </button>
                         </div>
                         <button
+                          aria-label="next-year"
                           class="ant-picker-header-next-btn"
                           tabindex="-1"
                           type="button"
@@ -3827,6 +3856,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
                           />
                         </button>
                         <button
+                          aria-label="super-next-year"
                           class="ant-picker-header-super-next-btn"
                           tabindex="-1"
                           type="button"
@@ -6799,7 +6829,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
         </div>
         <div
           class="ant-picker-active-bar"
-          style="position: absolute; width: 0px; left: 0px;"
+          style="position: absolute; width: 0px;"
         />
         <span
           class="ant-picker-suffix"
@@ -6837,7 +6867,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
         >
           <div
             class="ant-picker-range-arrow"
-            style="left: 0px;"
+            style="inset-inline-start: 0;"
           />
           <div
             class="ant-picker-panel-container ant-picker-time-panel-container"
@@ -11274,6 +11304,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                             class="ant-picker-header"
                           >
                             <button
+                              aria-label="super-prev-year"
                               class="ant-picker-header-super-prev-btn"
                               tabindex="-1"
                               type="button"
@@ -11283,6 +11314,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                               />
                             </button>
                             <button
+                              aria-label="prev-year"
                               class="ant-picker-header-prev-btn"
                               tabindex="-1"
                               type="button"
@@ -11295,6 +11327,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                               class="ant-picker-header-view"
                             >
                               <button
+                                aria-label="month panel"
                                 class="ant-picker-month-btn"
                                 tabindex="-1"
                                 type="button"
@@ -11302,6 +11335,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                                 Nov
                               </button>
                               <button
+                                aria-label="year panel"
                                 class="ant-picker-year-btn"
                                 tabindex="-1"
                                 type="button"
@@ -11310,6 +11344,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                               </button>
                             </div>
                             <button
+                              aria-label="next-year"
                               class="ant-picker-header-next-btn"
                               tabindex="-1"
                               type="button"
@@ -11319,6 +11354,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                               />
                             </button>
                             <button
+                              aria-label="super-next-year"
                               class="ant-picker-header-super-next-btn"
                               tabindex="-1"
                               type="button"
@@ -12336,7 +12372,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
         </div>
         <div
           class="ant-picker-active-bar"
-          style="position: absolute; width: 0px; left: 0px;"
+          style="position: absolute; width: 0px;"
         />
         <span
           class="ant-picker-suffix"
@@ -12371,7 +12407,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
         >
           <div
             class="ant-picker-range-arrow"
-            style="left: 0px;"
+            style="inset-inline-start: 0;"
           />
           <div
             class="ant-picker-panel-container ant-picker-date-panel-container"
@@ -12396,6 +12432,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                         class="ant-picker-header"
                       >
                         <button
+                          aria-label="super-prev-year"
                           class="ant-picker-header-super-prev-btn"
                           tabindex="-1"
                           type="button"
@@ -12405,6 +12442,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                           />
                         </button>
                         <button
+                          aria-label="prev-year"
                           class="ant-picker-header-prev-btn"
                           tabindex="-1"
                           type="button"
@@ -12417,6 +12455,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                           class="ant-picker-header-view"
                         >
                           <button
+                            aria-label="month panel"
                             class="ant-picker-month-btn"
                             tabindex="-1"
                             type="button"
@@ -12424,6 +12463,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                             Nov
                           </button>
                           <button
+                            aria-label="year panel"
                             class="ant-picker-year-btn"
                             tabindex="-1"
                             type="button"
@@ -12432,6 +12472,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                           </button>
                         </div>
                         <button
+                          aria-label="next-year"
                           class="ant-picker-header-next-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -12442,6 +12483,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                           />
                         </button>
                         <button
+                          aria-label="super-next-year"
                           class="ant-picker-header-super-next-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -12932,6 +12974,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                         class="ant-picker-header"
                       >
                         <button
+                          aria-label="super-prev-year"
                           class="ant-picker-header-super-prev-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -12942,6 +12985,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                           />
                         </button>
                         <button
+                          aria-label="prev-year"
                           class="ant-picker-header-prev-btn"
                           style="visibility: hidden;"
                           tabindex="-1"
@@ -12955,6 +12999,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                           class="ant-picker-header-view"
                         >
                           <button
+                            aria-label="month panel"
                             class="ant-picker-month-btn"
                             tabindex="-1"
                             type="button"
@@ -12962,6 +13007,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                             Dec
                           </button>
                           <button
+                            aria-label="year panel"
                             class="ant-picker-year-btn"
                             tabindex="-1"
                             type="button"
@@ -12970,6 +13016,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                           </button>
                         </div>
                         <button
+                          aria-label="next-year"
                           class="ant-picker-header-next-btn"
                           tabindex="-1"
                           type="button"
@@ -12979,6 +13026,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
                           />
                         </button>
                         <button
+                          aria-label="super-next-year"
                           class="ant-picker-header-super-next-btn"
                           tabindex="-1"
                           type="button"
diff --git a/components/space/__tests__/__snapshots__/demo.test.tsx.snap b/components/space/__tests__/__snapshots__/demo.test.tsx.snap
index 0e7cb24436f0..db9ce8e7ae62 100644
--- a/components/space/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/space/__tests__/__snapshots__/demo.test.tsx.snap
@@ -1040,7 +1040,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
         </div>
         <div
           class="ant-picker-active-bar"
-          style="position:absolute;width:0;left:0"
+          style="position:absolute;width:0"
         />
         <span
           class="ant-picker-suffix"
@@ -1152,7 +1152,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
         </div>
         <div
           class="ant-picker-active-bar"
-          style="position:absolute;width:0;left:0"
+          style="position:absolute;width:0"
         />
         <span
           class="ant-picker-suffix"
@@ -1665,7 +1665,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
         </div>
         <div
           class="ant-picker-active-bar"
-          style="position:absolute;width:0;left:0"
+          style="position:absolute;width:0"
         />
         <span
           class="ant-picker-suffix"
@@ -3654,7 +3654,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
         </div>
         <div
           class="ant-picker-active-bar"
-          style="position:absolute;width:0;left:0"
+          style="position:absolute;width:0"
         />
         <span
           class="ant-picker-suffix"
diff --git a/components/time-picker/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/time-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
index dfcb3c257bb5..b641c4280067 100644
--- a/components/time-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/time-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -14690,7 +14690,7 @@ Array [
     </div>
     <div
       class="ant-picker-active-bar"
-      style="position: absolute; width: 0px; left: 0px;"
+      style="position: absolute; width: 0px;"
     />
     <span
       class="ant-picker-suffix"
@@ -14728,7 +14728,7 @@ Array [
     >
       <div
         class="ant-picker-range-arrow"
-        style="left: 0px;"
+        style="inset-inline-start: 0;"
       />
       <div
         class="ant-picker-panel-container ant-picker-time-panel-container"
@@ -25756,7 +25756,7 @@ exports[`renders components/time-picker/demo/status.tsx extend context correctly
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -25794,7 +25794,7 @@ exports[`renders components/time-picker/demo/status.tsx extend context correctly
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-time-panel-container"
@@ -27360,7 +27360,7 @@ exports[`renders components/time-picker/demo/status.tsx extend context correctly
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -27398,7 +27398,7 @@ exports[`renders components/time-picker/demo/status.tsx extend context correctly
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-time-panel-container"
@@ -33656,7 +33656,7 @@ exports[`renders components/time-picker/demo/variant.tsx extend context correctl
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -33694,7 +33694,7 @@ exports[`renders components/time-picker/demo/variant.tsx extend context correctl
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-time-panel-container"
@@ -36818,7 +36818,7 @@ exports[`renders components/time-picker/demo/variant.tsx extend context correctl
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -36856,7 +36856,7 @@ exports[`renders components/time-picker/demo/variant.tsx extend context correctl
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-time-panel-container"
@@ -39980,7 +39980,7 @@ exports[`renders components/time-picker/demo/variant.tsx extend context correctl
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position: absolute; width: 0px; left: 0px;"
+        style="position: absolute; width: 0px;"
       />
       <span
         class="ant-picker-suffix"
@@ -40018,7 +40018,7 @@ exports[`renders components/time-picker/demo/variant.tsx extend context correctl
       >
         <div
           class="ant-picker-range-arrow"
-          style="left: 0px;"
+          style="inset-inline-start: 0;"
         />
         <div
           class="ant-picker-panel-container ant-picker-time-panel-container"
diff --git a/components/time-picker/__tests__/__snapshots__/demo.test.tsx.snap b/components/time-picker/__tests__/__snapshots__/demo.test.tsx.snap
index aa1423e36ca7..23e3b333c0ed 100644
--- a/components/time-picker/__tests__/__snapshots__/demo.test.tsx.snap
+++ b/components/time-picker/__tests__/__snapshots__/demo.test.tsx.snap
@@ -579,7 +579,7 @@ exports[`renders components/time-picker/demo/range-picker.tsx correctly 1`] = `
   </div>
   <div
     class="ant-picker-active-bar"
-    style="position:absolute;width:0;left:0"
+    style="position:absolute;width:0"
   />
   <span
     class="ant-picker-suffix"
@@ -1031,7 +1031,7 @@ exports[`renders components/time-picker/demo/status.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -1121,7 +1121,7 @@ exports[`renders components/time-picker/demo/status.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -1346,7 +1346,7 @@ exports[`renders components/time-picker/demo/variant.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -1478,7 +1478,7 @@ exports[`renders components/time-picker/demo/variant.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
@@ -1610,7 +1610,7 @@ exports[`renders components/time-picker/demo/variant.tsx correctly 1`] = `
       </div>
       <div
         class="ant-picker-active-bar"
-        style="position:absolute;width:0;left:0"
+        style="position:absolute;width:0"
       />
       <span
         class="ant-picker-suffix"
diff --git a/package.json b/package.json
index 9abb71171c06..ffe6849faa68 100644
--- a/package.json
+++ b/package.json
@@ -128,7 +128,7 @@
     "rc-motion": "^2.9.2",
     "rc-notification": "~5.6.0",
     "rc-pagination": "~4.0.4",
-    "rc-picker": "~4.5.0",
+    "rc-picker": "~4.6.4",
     "rc-progress": "~4.0.0",
     "rc-rate": "~2.13.0",
     "rc-resize-observer": "^1.4.0",