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 ( trigger.parentNode} + onChange={handleDateChange} /> ); } 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', }}