V-calendar: DatePicker component's name collides with Vuetify DatePicker

Created on 8 Jan 2018 · 4Comments · Source: nathanreyes/v-calendar

Hi, DataPicker component collides with component with same name from Vuetify library.
Can you please add the 'componentPrefix' option to make this component unique?
Best regards
Karel

enhancement

Source

knagyorg

👍1

Most helpful comment

You can pass componentPrefix as an option when using VCalendar.

Vue.use(VCalendar, {
  componentPrefix: 'vc'
})

Then when using in template

<template>
  <vc-calendar>
  </vc-calendar>
</template>

nathanreyes on 8 May 2018

👍5

All 4 comments

Any progress?

paladin2005 on 8 May 2018

You can pass componentPrefix as an option when using VCalendar.

Vue.use(VCalendar, {
  componentPrefix: 'vc'
})

Then when using in template

<template>
  <vc-calendar>
  </vc-calendar>
</template>

nathanreyes on 8 May 2018

👍5

Saved my day!! https://github.com/nathanreyes/v-calendar/issues/442

VishalGulati on 6 Oct 2019

Hello @nathanreyes @VishalGulati

Even by adding componentPrefix, I am still facing a problem. The v-calendar date picker is always taking precedence over the Vuetity one. Any idea why?

The moment I remove the import VCalendar from 'v-calendar'; the Vuetify calendar works again.