Skip to content

[Feature Request] Add a class to distinguish date inputs from general text fields #22334

@Daenara

Description

@Daenara

Problem to solve

Currently there is no way to distinguish between a normal text field and a date input via classes on the outmost div.

Date Input:

v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-text-field

Text Field:

v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-text-field

The number input field also builds on the text field and gives us a way to target it directly:

v-input v-input--horizontal v-input--center-affix v-input--focused v-input--density-default v-theme--dark v-locale--is-ltr v-text-field v-number-input v-number-input--default

It should be possible to see in the generated html what used to be a normal text filed and what was a date input.

Proposed solution

Add a class to the outmost div of all v-date-imputsonce turned into html to distinguish them. My proposal would be "v-date-input"

Metadata

Metadata

Assignees

No one assigned

    Labels

    C: VDateInputT: enhancementFunctionality that enhances existing featureslabsMust 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