Display button horizontal to input and display tooltip

avo-hq · Jul 7, 2024 · 8bebaa2 · 8bebaa2
1 parent 35b4c16
commit 8bebaa2
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/app/components/avo/fields/date_time_field/edit_component.html.erb b/app/components/avo/fields/date_time_field/edit_component.html.erb
@@ -1,5 +1,5 @@
 <%= field_wrapper **field_wrapper_args do %>
-  <%= content_tag :div, data: {
+  <%= content_tag :div, class: 'flex', data: {
       controller: "date-field",
       date_field_view_value: @view,
       date_field_enable_time_value: true,
@@ -36,8 +36,11 @@
       placeholder: @field.placeholder,
       style: @field.get_html(:style, view: view, element: :input)
     %>
-  <button type="button" data-action="click->date-field#clear">
-    <%= render Avo::Fields::Common::BooleanCheckComponent.new %>
-  </button>
+    <%= content_tag :button, type: :button, 
+                    title: "Reset Date", 
+                    data: {action: "click->date-field#clear", 
+                           tippy: :tooltip } do %>
+      <%= render Avo::Fields::Common::BooleanCheckComponent.new %>
+    <% end %>
   <% end %>
 <% end %>