Creating custom markup for and container

Hello Mike,

I’m desperately trying to implement the following simple change to your plugin. In order to get a timepicker to work powered by JavaScript and I could really do with your help.

This is how one of the form field is usually rendered in the browser.

<div style="text-align:left;">
<input id="si_contact_ex_field1_5" type="text" class="input-small">
</div>

However I need to achieve the code below. I really need to be quite simply able to add a custom HTML class to the <div> element that contains the input. In fact I don’t mind applying the same class to all input elements.

<div class="bootstrap-timepicker">
<input id="si_contact_ex_field1_5" type="text">
</div>

Is there a way you know of to do this? I would appreciate this so much even if it means hacking this into the the plugin. I you could provide me with a solution I would be so pleased. Whether it is the line of code I need to edit in a file or if there is an easier method.

Regards

Gus

http://wordpress.org/extend/plugins/si-contact-form/