vuetify: [Bug Report][3.0.3] v-date-picker doesn't exist
Environment
Vuetify Version: 3.0.3 Vue Version: 3.2.45 Browsers: Chrome 107.0.0.0 OS: Mac OS 10.15.7
Steps to reproduce
<v-date-picker v-model="date"></v-date-picker>
const date = ref('2022-01-01')
Expected Behavior
the v-date-picker component should be displayed
Actual Behavior
It display an error: “Failed to resolve component: v-date-picker”
Reproduction Link
Other comments
It work for v2.x versions but doesn’t work for v3.x. I don’t understand because it’s present on phase 4 of the migration notion: https://www.notion.so/d107077314ca4d2896f0eeba49fe8a14?v=5cc7c08e9cc44021a7c86a20f189b0ba. There is also a problem with the documentation because the “date-picker” is not present on the left menu, but it’s referenced on google when you type “vuetify 3 date-picker” : https://next.vuetifyjs.com/en/components/date-pickers/
About this issue
- Original URL
- State: closed
- Created 2 years ago
- Reactions: 2
- Comments: 20 (3 by maintainers)
datepicker component missing in v3 is still the main reason why i’m always using the v2. sad
So just going to leave this here because I was also struggling to find the date picker. Looks like they have a type of date on the v-text-field. You can see it on the advanced section of the expansion panels on vuetify 3.
It’s now available with Vuetify Labs. You need to
import { VDatePicker } from 'vuetify/labs/VDatePicker'in your component. See https://vuetifyjs.com/en/labs/introduction/<v-date-picker />in your componentThis is the only reason why I can’t switch to Vuetify 3, it’s just impossible to work with the UI without v-date-time. Sad. 😞
Sorry but the link is pointing to Vuetify 2 page and not Vuetify 3. The equivalent link for Vuetify 3 is the following: https://next.vuetifyjs.com/en/components/expansion-panels/
@etrielQ Seems like the date picker component was removed from the 3.1 milestone. It still isn’t released yet. See #13480 for status updates.
@missmay4 Btw, running with vuetify 3.4.4, I had to use
import { VDatePicker } from 'vuetify/components/VDatePicker'and not
import { VDatePicker } from 'vuetify/labs/VDatePicker'