data-input-tag="<%= comp.tag %>"
<% end %>
class="v-input v-datetime mdc-text-field mdc-text-field--outlined
<%= 'mdc-text-field--with-trailing-icon' if comp.clear_icon %>
<%= 'mdc-text-field--disabled' if comp.disabled %>
<%= 'is-invalid is-dirty' if comp.error %>"
data-config='<%= snake_to_camel(to_hash(comp.config), except: %i(time_24hr)).to_json %>'
data-type='<%= comp.type %>'
style="<%= 'width:100%' if comp.full_width %>">
<%= 'invalid' if comp.error %>
<%= "pattern='#{comp.pattern}'" if comp.pattern %>
list="<%= comp.id %>-list"
<%= erb :"components/event", :locals => {events: comp.events, parent_id: "#{comp.id}-input"} %>>
<%= erb :"components/icon", :locals => {comp: comp.clear_icon, class_name: 'mdc-text-field__icon', parent_id: "#{comp.id}-input"} %>
<% if comp.error || comp.hint %>