HTML Time Picker create input fields of type time designed to let the user easily enter a time (hours and minutes, and optionally seconds).

The control's user interface varies from browser to browser.

To use HTML Time Picker take its public web block (HTMLTimePicker) which takes below 4 parameters -

InputId* (Text)  - Input field Id on which time picker will be attached.

Min (Text)- e.g - hh:mm (00-30)

        A string specifying the earliest time to accept, The value of the min attribute is always in 24-hour format that includes leading zeros: hh:mm, If the value specified isn't a valid time string, no minimum value is set.

Max (Text) - e.g - hh:mm (15-30)

          A string indicating the latest time to accept, The value of the max attribute is always in 24-hour format that includes leading zeros: hh:mm, If the specified string isn't a valid time, no maximum value is set. 

Step  (Text) -  The step attribute is a number that specifies the granularity that the value must adhere to, or the special value any, which is described below. Only values which are equal to the basis for stepping are valid.

            e.g. - 1

          The default value of step is 60.