Skip to content

[Bug Report][4.0.5] Inconsistent VDateInput range button colors when using global VBtn defaultsΒ #22793

@danholladayrexel

Description

@danholladayrexel

Environment

Vuetify Version: 4.0.5
Vue Version: 3.5.32
OS: macOS 10.15 (current)

Steps to reproduce

  1. Create color default for VBtn in the global config
  2. Open v-date-input and select any date range
  3. Notice that dates between the start and end of the range render with black backgrounds
  4. Unfocus the input so the popover closes
  5. Reopen the popover by focusing the input again
  6. Notice that the selected range now renders with correct backgrounds

Expected Behavior

All date buttons should use consistent colors in range mode

Actual Behavior

Date buttons within the selected range render with black backgrounds and remain that way until the popover is closed. Reopening the date range picker causes them to render correctly.

Reproduction Link

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

Other comments

Likely related to multiple="range" changes in V4 as this worked correctly in V3

Images

https://cdn.cosmicjs.com/056c15a0-3209-11f1-a2b6-d7427c657905-image.png

Metadata

Metadata

Assignees

Labels

C: VDatePickerT: bugFunctionality that does not work as intended/expected

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions