[Feature Request] Label slot for VDateInput

[Bl00D4NGEL]

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]

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]

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>

[Bl00D4NGEL]

@johnleider unfortunately your changes in 4815d05 did not fix the issue. It looks like there is still no label slot.

Does this need to be configured in VDateInputSlots? Could something like this

export type VDateInputSlots = Omit<VInputSlots & VFieldSlots, 'default'> & {
  actions: VDateInputActionsSlot
  default: never
}

work here? This is essentially what the VTextField does but adapted to the slots of the VDateInput component

[johnleider]

@johnleider unfortunately your changes in 4815d05 did not fix the issue. It looks like there is still no label slot.

Does this need to be configured in VDateInputSlots? Could something like this

export type VDateInputSlots = Omit<VInputSlots & VFieldSlots, 'default'> & {
actions: VDateInputActionsSlot
default: never
}
work here? This is essentially what the VTextField does but adapted to the slots of the VDateInput component

It works, just the types are broken. Fixed in d32fa31