Cloning bootstrap-timepicker elements

[kabeza]

Hi I'm working with a dynamic form that contains 2 bootstrap-timepicker elements. The controls group can be cloned to add an schedule once all 3 fields are filled. When I fire the cloning, by doing:

var newRow = jQuery('.contenedorHorario:last').clone(true, true).fadeIn('slow');
var pickers = $('.ui-timepicker, .ui-timepicker-modal');
pickers.each (function () {
    $(this).timepicker ({
        showMeridian:false
    });
});

the cloning works, but when I try to choose the time in the cloned elements, the time selector from first timepickers is opened (as shown in the image).

Is there a way to clone the timepicker elements so each one has its own time popup selector?

Thanks

[mrhota]

This seems to be a recurring issue. See #239. It seems related.

[kabeza]

thanks @mrhota

[cAstraea]

How exactly did you fix this , I'm also having some issues on cloned inputs , http://codepen.io/caim/pen/pggZOx