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>