fix(react-calendar-compat): Classnames removed and added to day cells…

… need to be split instead of providing a string with spaces (#29611) * fix: Classnames removed and added to day cells need to be split instead of providing a string with spaces. * change file
microsoft · Oct 20, 2023 · 2b55f6c · 2b55f6c
1 parent c8ed0b5
commit 2b55f6c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/change/@fluentui-react-calendar-compat-8241b3ac-9f23-473b-be97-cfbe2c70475d.json b/change/@fluentui-react-calendar-compat-8241b3ac-9f23-473b-be97-cfbe2c70475d.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Classnames removed and added to day cells need to be split instead of providing a string with spaces.",
+  "packageName": "@fluentui/react-calendar-compat",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/...t-components/react-calendar-compat/src/components/CalendarDayGrid/CalendarGridDayCell.tsx b/...t-components/react-calendar-compat/src/components/CalendarDayGrid/CalendarGridDayCell.tsx
@@ -137,7 +137,7 @@ export const CalendarGridDayCell: React.FunctionComponent<CalendarGridDayCellPro
 
           const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();
           if (classNamesToAdd) {
-            dayRef.classList.add(...classNamesToAdd);
+            dayRef.classList.add(...classNamesToAdd.trim().split(' '));
           }
         }
       }
@@ -182,7 +182,7 @@ export const CalendarGridDayCell: React.FunctionComponent<CalendarGridDayCellPro
         ) {
           const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();
           if (classNamesToAdd) {
-            dayRef.classList.remove(...classNamesToAdd);
+            dayRef.classList.remove(...classNamesToAdd.trim().split(' '));
           }
         }
       }