[Component] [date-picker, time-picker] 修改 el-input 的 props 的 clearable 的默认属性为 true 后，el-date-picker 和 el-time-picker 默认情况下会出现 2个 清空符号

[yzj940619]

Bug Type: Component

Environment

• Vue Version: 3.4.15
• Element Plus Version: 2.7.1
• Browser / OS: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36
• Build Tool: Vite

Reproduction

Related Component

• el-date-picker
• el-time-picker

Reproduction Link

Element Plus Playground

Steps to reproduce

<script setup lang="ts"> import { ref } from 'vue' import { ElInput } from 'element-plus' Object.assign(ElInput.props.clearable, { default: true }) const msg = ref('Hello World!') const date = ref() const time = ref() </script>

What is Expected?

修改 el-input 的 clearable 默认属性后，不应该影响到其他组件。

What is actually happening?

修改 el-input 的 clearable 默认属性后，影响到el-date-picker和 el-time-picker。

Additional comments

查看源码后，el-date-picker 和 el-time-picker组件都有用到picker.vue组件(“element-plus/packages/components/time-picker/src/common
/picker.vue”)，其中使用到的 el-input 组件并没有显式传入 :clearable ="false" 属性

[GUEThe]

本质是 input 的默认 Props 被更改了（Object.assign(ElInput.props.clearable, { default: true })），对象引用，更改了这个值，其他地方新建的 el-input 也会生效。建议优先配置 :clearable="false"

[yzj940619]

本质是 input 的默认 Props 被更改了（Object.assign(ElInput.props.clearable, { default: true })），对象引用，更改了这个值，其他地方新建的 el-input 也会生效。建议优先配置 :clearable="false"

嗯，对的，直接在picker.vue这个组件文件中显式配置 :clearable="false"是最便捷的解决方案