Hello, Laura,

Thanks a lot for contacting us.

The implementation of the custom templates for our components gives the developer the freedom to implement the desired behavior on their own, therefore the built-in event handlers are not consumed by the custom components. 

In a custom Calendar scenario, you could assign a click handler to the document element and managed the `show` prop of the DatePicker based on that:

• https://codesandbox.io/p/sandbox/strange-wright-8l3sft?file=%2Fsrc%2Fmain.vue%3A72%2C40 

When you start using the `show` prop in controlled mode, you might also want to implement a custom toggle button as well and update the `show` value in its click event as well:

• https://www.telerik.com/kendo-vue-ui/components/dateinputs/datepicker/custom-rendering/#toc-customizing-the-toggle-button 

I hope the provided information will be helpful for you. In case you need further assistance on this matter, please open a primary support ticket with your inquiry and we will assist you on it.

Regards,
Vessy
Progress Telerik