web/web_widget_timepicker/static/src/xml/web_widget_timepicker.xml

<?xml version="1.0" encoding="utf-8"?>

<templates id="template" xml:space="preserve">
    <t t-name="TimePickerField">
        <span t-att-class="'o_form_field '+widget.widget_class" t-att-style="widget.node.attrs.style">
            <t t-if="!widget.get('effective_readonly')">
                <input t-att-type="'text'"
                    class="o_timepicker_input"
                    t-att-id="widget.id_for_label"
                    t-att-tabindex="widget.node.attrs.tabindex"
                    t-att-autofocus="widget.node.attrs.autofocus"
                    t-att-placeholder="widget.node.attrs.placeholder"
                    t-att-maxlength="widget.field.size"/>
                <span class="fa fa-clock-o o_timepicker_button"/>
            </t>
            <t t-if="widget.get('effective_readonly')">
                <span class="o_form_time_content"/>
            </t>
        </span>
    </t>
</templates>