Skip to content

[Bug Report][3.11.2] [VDateInput] min prop incorrectly disables "next year" navigation button #22408

@nvgfe001

Description

@nvgfe001

Environment

Vuetify Version: 3.11.2
Vue Version: 3.5.25

Steps to reproduce

  1. Set 'min' prop on VDateInput
  2. Click on the date input to open the date picker
  3. Observe the year navigation arrows
  4. Notice the "next year" button is disabled despite no max date being set

Expected Behavior

When the min prop is set on VDateInput, only dates before the min value should be disabled.
The year navigation buttons (previous/next) should remain functional and only prevent navigation to years that would be entirely before the min date.

Actual Behavior

When the min prop is set on VDateInput, the "next year" (forward) navigation button becomes incorrectly disabled.
The max prop does not have this issue - it correctly only affects the previous year button when appropriate.

Reproduction Link

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

Other comments

The "next year" button only becomes enabled after manually selecting a date with a year adjacent to (one year after) the year specified in the min prop.
For example, if min="2025-01-01", the next year button remains disabled until selecting a date in 2026.

Images

Image

Metadata

Metadata

Assignees

Labels

C: VDatePickerT: bugFunctionality that does not work as intended/expectedT: regressionSomething that used to work but we broke

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions