{% set id = (id ?? "date#{random()}") ~ '-date' -%} {% set name = name ?? null -%} {% set value = (value ?? false) ? date(value, false) : null -%} {% set isMobile = craft.app.request.isMobileBrowser %} {% set containerAttributes = { class: ['datewrapper']|merge((class ?? [])|explodeClass), }|merge(containerAttributes ?? [], recursive=true) %} {%- if block('attr') is defined %} {%- set containerAttributes = containerAttributes|merge(('
')|parseAttr, recursive=true) %} {% endif %} {% tag 'div' with containerAttributes %} {%- include "_includes/forms/text" with { type: isMobile ? 'date' : 'text', class: isMobile and value ? 'has-value' : false, name: name ? "#{name}[date]" : null, autocomplete: false, size: 10, placeholder: ' ', value: value ? value|date(isMobile ? 'Y-m-d' : 'short') : '', } -%}
{%- if name -%} {{- hiddenInput("#{name}[timezone]", craft.app.getTimeZone()) -}} {%- endif -%} {% endtag %} {%- if not isMobile -%} {%- js -%} $('#{{ id|namespaceInputId|e('js') }}').datepicker($.extend({ defaultDate: new Date({% if value %}{{ value.format('Y') }}, {{ value.format('n')-1 }}, {{ value.format('j') }}{% endif %}) }, Craft.datepickerOptions)); {%- endjs -%} {%- endif -%}