fix(components): [pickers] text button issue (#7530)

packages/components/color-picker/src/index.vue

@@ -37,9 +37,9 @@
             />
           </span>
           <el-button
-            size="small"
-            type="text"
             :class="ns.be('dropdown', 'link-btn')"
+            text
+            size="small"
             @click="clear"
           >
             {{ t('el.colorpicker.clear') }}

packages/components/date-picker/__tests__/date-time-picker.test.ts

@@ -212,7 +212,7 @@ describe('Datetime Picker', () => {
     await nextTick()
     // click now button
     const btn = document.querySelector(
-      '.el-picker-panel__footer .el-button--text'
+      '.el-picker-panel__footer .is-text'
     ) as HTMLElement
     btn.click()
     await nextTick()

packages/components/date-picker/src/date-picker-com/panel-date-pick.vue

@@ -143,8 +143,8 @@
     >
       <el-button
         v-show="selectionMode !== 'dates'"
+        text
         size="small"
-        type="text"
         class="el-picker-panel__link-btn"
         @click="changeToNow"
       >

packages/components/date-picker/src/date-picker-com/panel-date-range.vue

@@ -212,8 +212,8 @@
     <div v-if="showTime" class="el-picker-panel__footer">
       <el-button
         v-if="clearable"
+        text
         size="small"
-        type="text"
         class="el-picker-panel__link-btn"
         @click="handleClear"
       >