Scheduler - call another component for custom edit template

[VB]

Hello,

I would like to call a component which contains only the custom edit template (to create a new task or edit) for my scheduler into the property "editable" of my scheduler.

I followed this solution but when I double click on the scheduler the edit window just displays "[Object object]"
The code of scheduler :

<kendo-scheduler id="scheduler"
  :data-source="localDataSource"
  :event-template="eventTemplate"
  :editable="{template:editTemplate}" //here
>

The import : 

import CustomEditTemplate from './customEditTemplate.vue';

The code of the method editTemplate() :

methods: {
 editTemplate: function(){
  return {
     template: Vue.component(CustomEditTemplate.name, CustomEditTemplate),
  }
 }
}

The code of the component that contains the custom template :

<template>
<div class="k-edit-form-container">
    <p> Titre <input type="text" /> </p>
    <p>
        <span >Start <input data-role="datetimepicker" name="start" /> </span>
        <span >End <input data-role="datetimepicker" name="end" /> </span>
    </p>
</div>
<script>
export default {
    name:"CustomEditTemplate",
}
</script>

 

I think the problem comes from the method editTemplate but I don't undestand why.

Anyone can help me ?

Thanks.

 

[VB]

An answer has been send here

Thanks

[Ivan Danchev]

Hello,

Thank you for linking the thread.

For questions on our native Vue components or the wrappers for Vue, we would advise opening a thread in the Kendo UI for Vue forums: https://www.telerik.com/forums/kendo-ui-vue

Regards,
Ivan Danchev
Progress Telerik