[@mantine/dates] Fix hideOutsideDates now working if `@mantine/date…

…s` is used as a headless library (#5003)
mantinedev · Dec 4, 2023 · 355d685 · 355d685
1 parent 5daccb8
commit 355d685
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/@mantine/dates/src/components/DatePicker/DatePicker.story.tsx b/packages/@mantine/dates/src/components/DatePicker/DatePicker.story.tsx
@@ -13,6 +13,14 @@ export function Usage() {
   );
 }
 
+export function HideOutsideDates() {
+  return (
+    <div style={{ padding: 40 }}>
+      <DatePicker hideOutsideDates />
+    </div>
+  );
+}
+
 export function Unstyled() {
   return (
     <div style={{ padding: 40 }}>

diff --git a/packages/@mantine/dates/src/components/Day/Day.tsx b/packages/@mantine/dates/src/components/Day/Day.tsx
@@ -116,7 +116,7 @@ export const Day = factory<DayFactory>((_props, ref) => {
 
   return (
     <UnstyledButton<any>
-      {...getStyles('day')}
+      {...getStyles('day', { style: hidden ? { display: 'none' } : undefined })}
       component={isStatic ? 'div' : 'button'}
       ref={ref}
       disabled={disabled}