vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.88k stars 6.96k forks source link

[Bug Report][3.3.14] Datepicker min property not working when it nested in menu #18158

Closed Ariex closed 12 months ago

Ariex commented 1 year ago

Environment

Vuetify Version: 3.3.14 Vue Version: 3.3.4 Browsers: Edge 116.0.1938.54 OS: Windows 10

Steps to reproduce

  1. create a date picker, with min property set as today, it works all good
  2. create a menu with textfield as activator, move the date picker inside the menu, so it becomes popup content when textfield clicked
  3. click the text field, it report error because min property expect number
  4. change min property value to number by calling getTime()
  5. click the text field, date picker appears, but no min date at all

Expected Behavior

datepicker should works in the same way wherever it been used

Actual Behavior

date picker behave different when it inside of menu

Reproduction Link

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

Other comments

As you can see, those are 2 identical date picker, the standalone one works all good with min prop set as a date object, but once it moved inside of menu it won't work, it asking for numbers for min, which is same as version 3.3.11, and even you give it a number it still does not working as before.

avarixe commented 1 year ago

Also doesn't work for VDialog, and min as a string: reproduction link

odd thing is it works for me in my own repo where I'm pretty much using it in this exact way, but when I tried to reproduce it in the playground, I get the same error.

johnleider commented 12 months ago

This is working as expected as of the latest version.

If you have any questions, please reach out to us in our Discord community.