Kendo UI for Vue: Error in TimePicker Wrapper Component

I used the Telerik TimePicker Wrapper Component in a project. Since its usage was limited to a single component, I included it there as follows:

<script lang="ts">

import '@progress/kendo-ui/js/kendo.timepicker';
import { TimePicker } from '@progress/kendo-dateinputs-vue-wrapper';

  export default {
    components: {
        'timepicker': TimePicker,
    },
}

</script>

That created a timepicker alright, but when I selected a time from the dropdown, this console error occurred:

Cannot read properties of undefined (reading ‚isEqualDate‘)

Turns out that kendo.calendar has to be imported as well as kendo.timepicker for this to work. So here is the correct part:

<script lang="ts">

import '@progress/kendo-ui/js/kendo.timepicker';
import '@progress/kendo-ui/js/kendo.calendar';
import { TimePicker } from '@progress/kendo-dateinputs-vue-wrapper';

  export default {
    components: {
        'timepicker': TimePicker,
    },
}

</script>

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.