Как изменить иконку календаря по умолчанию у date picker element plus?

Question

[Азиз Таджитдинов]

Мне нужно, чтобы вместо иконки по умолчанию была моя собственная svg иконка:

<el-date-picker
              v-model="value1"
              type="date"
              placeholder="Pick a day"
              :size="'large'"
              style="width: 100%;"
              prefix-icon="calendar-icon"
          >
          </el-date-picker>

Answer 1

[0xD34F]

prefix-icon="calendar-icon"

Да ну? В документации говорится, что это должна быть не строка, а компонент. Давайте будем делать, как сказано.

UPD. Документацию с первого раза полностью прочитать не осилил, как подсказывают в комментариях - строку указывать всё-таки можно. Окей, вот строка с именем компонента.

Comments

[Азиз Таджитдинов]

Не совсем понял, вроде всё верно сделал, как в песочнице

<el-date-picker
              v-model="value1"
              type="date"
              placeholder="Pick a day"
              :size="'large'"
              style="width: 100%;"
              :prefix-icon="prefix"
          >

const prefix = {
  render: () => h(
      resolveComponent('el-icon'),
      () => h(ElementPlusIconsVue.SuccessFilled)
  ),
};

В документации говорится, что это должна быть не строка, а компонент.

и кстати да, вот скрин из документации

[0xD34F]

Азиз Таджитдинов, как побеждать ошибки тайпскрипта без понятия, я его знать не знаю.

вот скрин из документации

Мой косяк, я до этого места не дочитал - посмотрел секцию Set custom content of prefix, там только про компонент говорилось. Ну раз можно строку, сделаем строку - дополнил ответ.