vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.64k stars 6.95k forks source link

[Feature Request] Label slot for VDateInput #20060

Open Bl00D4NGEL opened 2 months ago

Bl00D4NGEL commented 2 months ago

Problem to solve

Unable to set a custom label for a VDateInput, however other inputs like VTextField do support custom label slots

Proposed solution

Add the label slot to the VDateInput component

Drillan767 commented 2 months ago

Hello,

You didn't provide a code sample, but here is a working example with a custom label, hope it helps solving your problem

playground

BreizHell commented 2 weeks ago

Hello @Drillan767, me and my team have the same issue as @Bl00D4NGEL

Currently it is only possible to define a strict string as the label of a v-date-field, through its label prop.

In my team's case, this is a problem, because we need to have a label in black with a red star symbol (*) on the right, to convey its requirement.

This problem would be solved with the addition of a #label slot just like v-text-field. In the end, we'd like to be able to write something like this :

<v-date-input v-model="birthday"  placeholder="jj/mm/aaaa">
  <template #label>
    Birthday <span class="red-text"><strong>*</strong></span>
  </template>
</v-date-input>