diff --git a/packages/theme-saas/src/date-picker/index.less b/packages/theme-saas/src/date-picker/index.less
index bac505f78c..f0f2d5a8b8 100644
--- a/packages/theme-saas/src/date-picker/index.less
+++ b/packages/theme-saas/src/date-picker/index.less
@@ -112,7 +112,7 @@
     @apply table-cell;
     padding: 0 5px;
 
-    &:first-child:before {
+    &:first-child::before {
       @apply content-[''];
       @apply h-6;
       @apply absolute;
diff --git a/packages/theme-saas/src/picker/index.less b/packages/theme-saas/src/picker/index.less
index 87160c5aa1..266e24afb4 100644
--- a/packages/theme-saas/src/picker/index.less
+++ b/packages/theme-saas/src/picker/index.less
@@ -4,7 +4,6 @@
 
 .@{date-container-prefix-cls} {
   @apply relative;
-  @apply inline-block;
 }
 
 .@{date-editor-prefix-cls} {
diff --git a/packages/vue/src/date-range/src/pc.vue b/packages/vue/src/date-range/src/pc.vue
index 48a21083a4..d331509058 100644
--- a/packages/vue/src/date-range/src/pc.vue
+++ b/packages/vue/src/date-range/src/pc.vue
@@ -118,10 +118,10 @@
           <div class="tiny-picker-panel__content tiny-date-range-picker__content is-left">
             <div class="tiny-date-range-picker__header">
               <button type="button" @click="leftPrevYear" class="tiny-picker-panel__icon-btn tiny-icon-d-arrow-left">
-                <icon-pager-first></icon-pager-first>
+                <icon-double-left></icon-double-left>
               </button>
               <button type="button" @click="leftPrevMonth" class="tiny-picker-panel__icon-btn tiny-icon-arrow-left">
-                <icon-pager-prev></icon-pager-prev>
+                <icon-chevron-left></icon-chevron-left>
               </button>
               <button
                 type="button"
@@ -131,7 +131,7 @@
                 :class="{ 'is-disabled': !state.enableYearArrow }"
                 class="tiny-picker-panel__icon-btn tiny-icon-d-arrow-right"
               >
-                <icon-pager-last></icon-pager-last>
+                <icon-double-right></icon-double-right>
               </button>
               <button
                 type="button"
@@ -141,7 +141,7 @@
                 :class="{ 'is-disabled': !state.enableMonthArrow }"
                 class="tiny-picker-panel__icon-btn tiny-icon-arrow-right"
               >
-                <icon-pager-next></icon-pager-next>
+                <icon-chevron-right></icon-chevron-right>
               </button>
               <div>{{ state.leftLabel }}</div>
             </div>
@@ -172,7 +172,7 @@
                 :class="{ 'is-disabled': !state.enableYearArrow }"
                 class="tiny-picker-panel__icon-btn tiny-icon-d-arrow-left"
               >
-                <icon-pager-first></icon-pager-first>
+                <icon-double-left></icon-double-left>
               </button>
               <button
                 type="button"
@@ -182,13 +182,13 @@
                 :class="{ 'is-disabled': !state.enableMonthArrow }"
                 class="tiny-picker-panel__icon-btn tiny-icon-arrow-left"
               >
-                <icon-pager-prev></icon-pager-prev>
+                <icon-chevron-left></icon-chevron-left>
               </button>
               <button type="button" @click="rightNextYear" class="tiny-picker-panel__icon-btn tiny-icon-d-arrow-right">
-                <icon-pager-last></icon-pager-last>
+                <icon-double-right></icon-double-right>
               </button>
               <button type="button" @click="rightNextMonth" class="tiny-picker-panel__icon-btn tiny-icon-arrow-right">
-                <icon-pager-next></icon-pager-next>
+                <icon-chevron-right></icon-chevron-right>
               </button>
               <div>{{ state.rightLabel }}</div>
             </div>
@@ -237,7 +237,7 @@ import TimePicker from '@opentiny/vue-time'
 import DateTable from '@opentiny/vue-date-table'
 import Input from '@opentiny/vue-input'
 import Button from '@opentiny/vue-button'
-import { iconPagerLast, iconPagerFirst, iconPagerPrev, iconPagerNext } from '@opentiny/vue-icon'
+import { iconDoubleRight, iconDoubleLeft, iconChevronLeft, iconChevronRight } from '@opentiny/vue-icon'
 
 const $constants = {
   startDate: new Date('1970-01-01'),
@@ -251,10 +251,10 @@ export default defineComponent({
     DateTable,
     TinyInput: Input,
     TinyButton: Button,
-    IconPagerLast: iconPagerLast(),
-    IconPagerFirst: iconPagerFirst(),
-    IconPagerPrev: iconPagerPrev(),
-    IconPagerNext: iconPagerNext()
+    IconDoubleRight: iconDoubleRight(),
+    IconDoubleLeft: iconDoubleLeft(),
+    IconChevronLeft: iconChevronLeft(),
+    IconChevronRight: iconChevronRight(),
   },
   props: {
     _constants: {