KendoUI DatePicker DOM location

[Daniel]

Hey I've noticed that with the kendoUI datepicker when initialized outputs the container div and calendar at the end of the HTML body.  I would like to be able to control where this content is appended to the DOM.

The main reason is because I am using this picker on a Bootstrap dropdown that closes on document click, my custom javascript prevents the dropdown from closing if a click is made on any element within that particular dropdown, however since the DatePicker is rendered outside of that div at the end of the BODY tag, choosing a date closes both the datepicker and the dropdown.

Any ideas?

[Georgi Krustev]

Hello Daniel,

The popup element of the widget is added in the body element to avoid any issues with overflow styling. You can control where the popup element is added with appendTo option of the popup widget. Check this jsBin demo.

Regards,
Georgi Krustev
Telerik

 

 

[Daniel]

Thanks a lot for the help and the quick reply!  I noted that this option was not on the API documentation: http://docs.telerik.com/kendo-ui/api/web/datepicker.  Is it located somewhere else?  Can we make a ticket to update the documentation to help future users who might need this help? 

Thanks in advance

[Georgi Krustev]

Hello Daniel,

Currently, this option is not documented. There is no need to open a separate ticket for your request. I logged it and will update the widget documentation in some of our next documentation uploads.

Regards,
Georgi Krustev
Telerik