I had the need to create a time selecting component for a form, but I didn't want to have lots of extra components. After a little bit of searching about I found the following JQuery UI plugin called timepicker.
This plugin will take a input box as the argument and will add three selection boxes for hours, minutes and seconds. It will then hide the original input box.
However, there were two things that I needed that this plugin didn't do. The first is that it was in a 12 hour format and the second is that the plugin didn't have a second selection. So I decided to adapt that plugin in order to incorporate these things.
Here is the modified plugin.