Ich habe die TimePicker Wrapper Komponente eingebunden und versuchte, den Overhead so gering wie möglich zu halten. Daher habe ich in meiner Komponente, in der der Timepicker aufscheinen sollte, nur folgendes gemacht:
<script lang="ts">
import '@progress/kendo-ui/js/kendo.timepicker' // Imports only the TimePicker script and its dependencies
import { TimePicker } from '@progress/kendo-dateinputs-vue-wrapper';
export default {
components: {
'timepicker': TimePicker,
},
}
</script>
Der Timepicker wurde angezeigt, aber beim Auswählen einer Zeit aus dem Dropdown bekam ich folgenden Konsolefehler:
Cannot read properties of undefined (reading ‚isEqualDate‘)
Stellt sich heraus, man muss zusätzlich zu kendo.timepicker auch kendo.calendar importieren, damit das funktioniert! Hier also die korrekte Variante:
<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>