Как кастомизировать datepicker в библиотеке element plus?

Question

[Daniil161rus]

Нужно компонент datepicker (https://element-plus.org/en-US/component/date-pick...) привести к виду, как на скрине. Где "1 марта" это выбранная дата, а "Дата начала" это placeholder.



Можно ли кастомизировать компонент datepicker в element plus? Если нельзя, то какой библиотекой посоветуете воспользоваться для того чтобы привести datepicker к такому виду?

<el-date-picker
        v-model="value"
        type="date"
        placeholder="Дата начала"
        :disabled-date="disabledDate"
      />

import { ref } from 'vue'

const value = ref('')

Answer 1

[0xD34F]

Изменить отображаемый формат даты можно через соответствующий параметр компонента.

Иконки убираются с помощью css.

"Плейсхолдер" делается через дополнительную обёртку (UPD. Или его можно оформить как кастомную иконку).