@codecademy/gamut

68.2.268.2.3-alpha.794432.0
dist/DatePicker/Calendar/CalendarWrapper.js
+dist/DatePicker/Calendar/CalendarWrapper.jsNew file
+27
Index: package/dist/DatePicker/Calendar/CalendarWrapper.js
===================================================================
--- package/dist/DatePicker/Calendar/CalendarWrapper.js
+++ package/dist/DatePicker/Calendar/CalendarWrapper.js
@@ -0,0 +1,27 @@
+import { CheckerDense } from '@codecademy/gamut-patterns';
+import * as React from 'react';
+import { Box } from '../../Box';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Outer wrapper for the calendar (header + body + footer).
+ * Used by DatePickerCalendar to group the calendar content.
+ * Renders a CheckerDense pattern shadow at offset left 8, top 8.
+ */
+export const CalendarWrapper = ({
+  children
+}) => /*#__PURE__*/_jsxs(Box, {
+  position: "relative",
+  width: "max-content",
+  children: [/*#__PURE__*/_jsx(CheckerDense, {
+    left: 8,
+    position: "absolute",
+    top: 8
+  }), /*#__PURE__*/_jsx(Box, {
+    bg: "background",
+    border: 1,
+    borderRadius: "sm",
+    position: "relative",
+    zIndex: 1,
+    children: children
+  })]
+});
\ No newline at end of file