From 8bebaa21f8862ceb1adcd750951a7373a8c9c64c Mon Sep 17 00:00:00 2001
From: binarygit <inscription4@outlook.com>
Date: Sun, 7 Jul 2024 14:17:59 +0545
Subject: [PATCH] Display button horizontal to input and display tooltip

---
 .../fields/date_time_field/edit_component.html.erb    | 11 +++++++----
 1 file changed, 7 insertions(+), 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
index 0fe8a4bc13..ef847d1c6a 100644
--- 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 %>