Time calculating jquery/javascript

I have a dynamically created table whose row count will vary on each page load, in this table there are several input fields which are all created dynamically on the fly, all input types will have an individual ID’s which have been created in the AJAX response, three of these input fields need the following additional functionality which must be written in javascript/jquery. I have attached a screenshot of the page in question to give more clarity to the task. 1. User enters “Start” time. Clicking on the hours side should highlight both digits and the same should occur clicking on the minutes side both digits should highlight, the user should be able to tab from the hours side to the minutes side. (see image). The default start time should “00:00” 2. User will enter duration in the “Hours” column as hours and minutes, having the same techniques as 1. 3. On the lost focus of the “Hours” column, code needs to be formulated so that the “Finish” times are calculated automatically using the “Hours” and “Start” columns value.