datetime.erb in voom-presenters-0.2.0

- old
+ new
@@ -1,35 +1,43 @@
 <%
   time_val = comp.value ? Array([comp.value]).join(', ') : nil
 %>
 <div id="<%= comp.id %>"
-      class="mdc-text-field v-datetime
-            <%= comp.icon ? 'mdc-text-field--with-leading-icon' : 'mdc-text-field--with-trailing-icon' %>
-            <%= 'mdc-text-field--fullwidth' if comp.full_width %>
+     <% if comp.tag %>
+     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 %>'>
-  <%= erb :"components/icon", :locals => {comp: comp.icon, class_name: 'mdc-text-field__icon',
-                                          parent_id: "#{comp.id}-input"} %>
+     data-type='<%= comp.type %>'
+     style="<%= 'width:100%' if comp.full_width %>">
   <input id="<%= comp.id %>-input"
          name="<%= comp.name %>"
          type="text"
          value="<%= time_val %>"
          class="mdc-text-field__input"
          aria-controls="<%= comp.id %>-input-helper-text"
          data-input
          <%= 'required' if comp.required %>
          <%= 'invalid' if comp.error %>
          <%= "pattern='#{comp.pattern}'" if comp.pattern %>
-         <%= 'readonly' if comp.readonly %>
          list="<%= comp.id %>-list"
-         <%= erb :"components/event", :locals => {events: comp.events, parent_id: "#{comp.id}-input"} %>>
-  <label class='mdc-floating-label mdc-floating-label--float-above' for="<%= comp.id %>"><%= comp.label %></label>
-  <div class="mdc-line-ripple"></div>
+         <%= erb :"components/event", :locals => {events: comp.events, parent_id:  "#{comp.id}-input"} %>>
+  <label class="mdc-floating-label" for="<%= comp.id %>-input"><%= comp.label %></label>
+  <%= erb :"components/icon", :locals => {comp: comp.clear_icon, class_name: 'mdc-text-field__icon', parent_id: "#{comp.id}-input"} %>
+  <div class="mdc-notched-outline">
+    <svg>
+      <path class="mdc-notched-outline__path"/>
+    </svg>
+  </div>
+  <div class="mdc-notched-outline__idle"></div>
   <datalist id="<%= comp.id %>-list">
   </datalist>
-  <%= erb :"components/icon", :locals => {comp: comp.clear_icon, class_name: 'v-datetime--clear mdc-text-field__icon',
-                                          parent_id: "#{comp.id}-input"} %>
 </div>
-<p id="<%= comp.id %>-input-helper-text" class="mdc-text-field-helper-text" aria-hidden="true">
+<% if comp.error || comp.hint %>
+<p id="<%= comp.id %>-input-helper-text" class="mdc-text-field-helper-text mdc-text-field-helper-text--persistent mdc-text-field-helper-text--validation-msg" aria-hidden="true">
   <%= comp.error || comp.hint %>
 </p>
+<% end %>
+<%= erb :"components/tooltip", :locals => {comp: comp.tooltip, parent_id: comp.id} %>