From d3404d7416c67383e2c2bc1e7317d104e82c66a4 Mon Sep 17 00:00:00 2001
From: syam babu <syam@dexlock.com>
Date: Tue, 5 Dec 2023 17:10:09 +0530
Subject: [PATCH 1/2] fix:changed boreder for react quill

---
 src/components/TextEditor/TextEditor.jsx  |  5 +++++
 src/pages/Dashboard/AddEvent/AddEvent.jsx | 12 ++++++++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/TextEditor/TextEditor.jsx b/src/components/TextEditor/TextEditor.jsx
index 71b865e8..b40ab3d9 100644
--- a/src/components/TextEditor/TextEditor.jsx
+++ b/src/components/TextEditor/TextEditor.jsx
@@ -89,6 +89,11 @@ function TextEditor(props) {
           placeholder={placeholder}
           className="text-editor"
           modules={modules}
+          style={{
+            border: `${
+              calendarContentLanguage === contentLanguage.BILINGUAL ? '4px solid #E8E8E8' : '1px solid #b6c1c9'
+            }`,
+          }}
           preserveWhitespace
           onChange={onChange}
           data-cy="text-editor"
diff --git a/src/pages/Dashboard/AddEvent/AddEvent.jsx b/src/pages/Dashboard/AddEvent/AddEvent.jsx
index 42636222..5dbed5c2 100644
--- a/src/pages/Dashboard/AddEvent/AddEvent.jsx
+++ b/src/pages/Dashboard/AddEvent/AddEvent.jsx
@@ -3278,7 +3278,11 @@ function AddEvent() {
                           )}
                           style={{
                             borderRadius: '4px',
-                            border: '4px solid #E8E8E8',
+                            border: `${
+                              calendarContentLanguage === contentLanguage.BILINGUAL
+                                ? '4px solid #E8E8E8'
+                                : '1px solid #b6c1c9'
+                            }`,
                             width: '423px',
                             resize: 'vertical',
                           }}
@@ -3297,7 +3301,11 @@ function AddEvent() {
                           )}
                           style={{
                             borderRadius: '4px',
-                            border: '4px solid #E8E8E8',
+                            border: `${
+                              calendarContentLanguage === contentLanguage.BILINGUAL
+                                ? '4px solid #E8E8E8'
+                                : '1px solid #b6c1c9'
+                            }`,
                             width: '423px',
                             resize: 'vertical',
                           }}

From 946baa87c7966d79ee0124e327d05a7c0127da4d Mon Sep 17 00:00:00 2001
From: syam babu <syam@dexlock.com>
Date: Tue, 5 Dec 2023 17:24:32 +0530
Subject: [PATCH 2/2] fix: add blur to datepicker upon valid selection

---
 src/components/DatePicker/DatePicker.jsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/DatePicker/DatePicker.jsx b/src/components/DatePicker/DatePicker.jsx
index 32821bdd..25a9ee9a 100644
--- a/src/components/DatePicker/DatePicker.jsx
+++ b/src/components/DatePicker/DatePicker.jsx
@@ -7,17 +7,31 @@ import frLocale from 'antd/es/date-picker/locale/fr_CA';
 import enLocale from 'antd/es/date-picker/locale/en_US';
 
 function DatePickerStyled(props) {
+  const handleDateChange = (value) => {
+    if (value && value.isValid()) {
+      datePickerRef.current.blur();
+    }
+    if (props.onChange) {
+      props.onChange(value);
+    }
+  };
+
+  const datePickerRef = React.createRef();
+
   return (
     <DatePicker
+      ref={datePickerRef}
       format="DD/MM/YYYY"
       size="large"
       locale={i18n?.language === 'en' ? enLocale : i18n?.language === 'fr' && frLocale}
       className="date-picker-wrapper"
       {...props}
+      changeOnBlur={true}
       placeholder={i18n?.language === 'en' ? 'DD/MM/YYYY' : 'JJ/MM/AAAA'}
       showToday={false}
       popupClassName="date-picker-calendar"
       getPopupContainer={(trigger) => trigger.parentNode}
+      onChange={handleDateChange}
     />
   );
 }