Skip to content

[Bug Report][3.10.11] Date Input prepend inconsistencies #22332

@Daenara

Description

@Daenara

Environment

Vuetify Version: 3.10.11
Vue Version: 3.6.0-alpha.4
OS: Linux undefined (current)

Steps to reproduce

  1. Take a default v-date-input and add an icon using the prepend template slot
  2. observe the two icons next to each other

Expected Behavior

When I use the prepend template slot I expect it to replace the calendar icon, not add another icon next to it

Actual Behavior

The prepend slot shows to the left of the calendar icon, so I have both

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

The reason I am even doing this is because I am trying to streamline how tabbing through our form works and for v-date-inputs, I first focus the icon, then the textfield next to it. I don't need to focus the same component twice when both icon and textfield lead to the exact same input. Since just replacing the icon does not get rid of the onClick action of it, I decided to override it using the prepend slot. If I unset the prepend-icon to go along with it, I get the behavior I want, but it feels like prepend not overwriting the prepend-icon is not the intended behavior.

Images

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    C: VDateInputT: bugFunctionality that does not work as intended/expectedlabsMust be completed for this component to leave labs

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions