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

Labels

C: VDateInputT: enhancementFunctionality that enhances existing featureslabsMust be completed for this component to leave labs

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions