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] 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 166f280c..ee701614 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>