[Vue warn]: Error in render: "TypeError: e.component is not a function"

[olehpatrushev]

I am trying to install v-calendar in my project and got this: App.vue

<template>
    <div id="app">
        <v-calendar />
    </div>
</template>

<script lang="ts">
    import {Component, Vue} from 'vue-property-decorator';
    import VCalendar from 'v-calendar';

    @Component({
        components: {
            VCalendar
        },
    })
    export default class App extends Vue {
    }
</script>

vue >>> 3.11.0 v-calendar >>> 1.0.0-beta.20

[olehpatrushev]

I've changed my code and its works!

<script lang="ts">
    import {Component, Vue} from 'vue-property-decorator';
    import VCalendar from 'v-calendar';

    Vue.use(VCalendar);

    @Component({
        components: {
            HelloWorld
        },
    })

    export default class App extends Vue {
    }
</script>

[Mohit-Ak]

<v-date-picker v-model='date' :select-attribute='selectAttribute' is-inline> </v-date-picker> import VDatePicker from 'v-calendar'; export default { name: 'Ba_Toll_Mileage', data () { return { date: new Date(), selectAttribute: { dot: true } }, components: { BasicSelect, VDatePicker } }