{% set id = (id ?? 'time'~random())~'-time' -%}
{% set name = name ?? null -%}
{% set value = value ?? null -%}
{% do view.registerAssetBundle('craft\\web\\assets\\timepicker\\TimepickerAsset') -%}
{%- include "_includes/forms/text" with {
name: (name ? name~'[time]'),
autocomplete: false,
size: 10,
placeholder: ' ',
value: (value ? value|time('short') : '')
} -%}
{% if name -%}
{%- endif -%}
{%- set localeData = craft.app.locale %}
{%- js %}
var $timePicker = $('#{{ id|namespaceInputId|e('js') }}');
$timePicker.timepicker($.extend({
{% if minuteIncrement is defined %}step: '{{ minuteIncrement }}'{% endif %}
}, Craft.timepickerOptions));
{% if value and value.format is defined %}
$timePicker.timepicker('setTime', {{ value|date('G') }}*3600 + {{ value|date('i') }}*60 + {{ value|date('s') }});
{% endif %}
{%- endjs %}