From ba89790d0dccb5f775f839e7ccb17fe14cf34c30 Mon Sep 17 00:00:00 2001
From: Sherfin Shamsudeen <sherfin@tooljet.io>
Date: Tue, 23 Nov 2021 14:50:53 +0530
Subject: [PATCH] Add all-day label to calendar all day events row (#1443)

---
 frontend/src/Editor/Components/Calendar.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/Editor/Components/Calendar.jsx b/frontend/src/Editor/Components/Calendar.jsx
index dba5ac28cb..6836b6cf70 100644
--- a/frontend/src/Editor/Components/Calendar.jsx
+++ b/frontend/src/Editor/Components/Calendar.jsx
@@ -71,6 +71,10 @@ export const Calendar = function ({
     ? properties.defaultView
     : allowedCalendarViews[0];
 
+  const components = {
+    timeGutterHeader: () => <div style={{ height: '100%', display: 'flex', alignItems: 'flex-end' }}>All day</div>,
+  };
+
   return (
     <div id={id}>
       <ReactCalendar
@@ -110,6 +114,7 @@ export const Calendar = function ({
         eventPropGetter={eventPropGetter}
         tooltipAccessor="tooltip"
         popup={true}
+        components={components}
       />
       <CalendarEventPopover
         calenderWidgetId={id}