How to wrap the datepicker in a new div?

Question

I need to put my datepicker in a new div, that will be a (shadow-)border-div.

I\'ve tried the following:

beforeShow: function (input) {
  $(input).datepi         


        

Answer 1

$('#datepicker').wrap('
');

Here #datepicker is the id of datepicker input field, you may have something else.

Check jQuery .wrap().

You don't need to do this within beforeShow(). Do it within DOM ready function.

To wrap each inner element of datepicker you should try

$('div#ui-datepicker-div > *').wrap('
');