From 683401f67b836bd62afe79191698da0c417f66a8 Mon Sep 17 00:00:00 2001
From: pu-raihan <raihanbinmary@gmail.com>
Date: Thu, 19 Sep 2024 15:39:34 +0530
Subject: [PATCH 1/3] fix(ui): Calendar icon of Datetime field in task listview
 is not rendered correctly

---
 frontend/src/components/ListViews/TasksListView.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ListViews/TasksListView.vue b/frontend/src/components/ListViews/TasksListView.vue
index 166f280c9..ee7016141 100644
--- a/frontend/src/components/ListViews/TasksListView.vue
+++ b/frontend/src/components/ListViews/TasksListView.vue
@@ -41,7 +41,9 @@
         <div v-if="column.key === 'due_date'">
           <Tooltip :text="dateFormat(item, 'ddd, MMM D, YYYY | hh:mm a')">
             <div class="flex items-center gap-2 truncate text-base">
-              <CalendarIcon />
+              <div>
+                <CalendarIcon />
+              </div>
               <div v-if="item" class="truncate">
                 {{ dateFormat(item, 'D MMM, hh:mm a') }}
               </div>
@@ -238,7 +240,7 @@ const listBulkActionsRef = ref(null)
 
 defineExpose({
   customListActions: computed(
-    () => listBulkActionsRef.value?.customListActions,
+    () => listBulkActionsRef.value?.customListActions
   ),
 })
 </script>

From 246569ff8890188a605785dae3c6f7c9000ea575 Mon Sep 17 00:00:00 2001
From: pu-raihan <raihanbinmary@gmail.com>
Date: Fri, 20 Sep 2024 10:39:15 +0530
Subject: [PATCH 2/3] fix: format
 frontend/src/components/ListViews/TasksListView.vue

Co-authored-by: Shariq Ansari <30859809+shariquerik@users.noreply.github.com>
---
 frontend/src/components/ListViews/TasksListView.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/ListViews/TasksListView.vue b/frontend/src/components/ListViews/TasksListView.vue
index ee7016141..012122544 100644
--- a/frontend/src/components/ListViews/TasksListView.vue
+++ b/frontend/src/components/ListViews/TasksListView.vue
@@ -41,9 +41,7 @@
         <div v-if="column.key === 'due_date'">
           <Tooltip :text="dateFormat(item, 'ddd, MMM D, YYYY | hh:mm a')">
             <div class="flex items-center gap-2 truncate text-base">
-              <div>
-                <CalendarIcon />
-              </div>
+              <div><CalendarIcon /></div>
               <div v-if="item" class="truncate">
                 {{ dateFormat(item, 'D MMM, hh:mm a') }}
               </div>
@@ -240,7 +238,7 @@ const listBulkActionsRef = ref(null)
 
 defineExpose({
   customListActions: computed(
-    () => listBulkActionsRef.value?.customListActions
+    () => listBulkActionsRef.value?.customListActions,
   ),
 })
 </script>

From 8f99b531c76441b7a74a0a402227ac309d4e3167 Mon Sep 17 00:00:00 2001
From: pu-raihan <raihanbinmary@gmail.com>
Date: Fri, 20 Sep 2024 10:43:34 +0530
Subject: [PATCH 3/3] fix: showing tooltip only if date is set

Co-authored-by: Shariq Ansari <30859809+shariquerik@users.noreply.github.com>
---
 frontend/src/components/ListViews/TasksListView.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/ListViews/TasksListView.vue b/frontend/src/components/ListViews/TasksListView.vue
index 012122544..876adc065 100644
--- a/frontend/src/components/ListViews/TasksListView.vue
+++ b/frontend/src/components/ListViews/TasksListView.vue
@@ -39,7 +39,9 @@
         :row="row"
       >
         <div v-if="column.key === 'due_date'">
-          <Tooltip :text="dateFormat(item, 'ddd, MMM D, YYYY | hh:mm a')">
+          <Tooltip
+            :text="item && dateFormat(item, 'ddd, MMM D, YYYY | hh:mm a')"
+          >
             <div class="flex items-center gap-2 truncate text-base">
               <div><CalendarIcon /></div>
               <div v-if="item" class="truncate">