@umami/react-zen 0.83.0 → 0.85.0

package/dist/index.css

@@ -2844,35 +2844,35 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:090024871002459dc1fbfd39039799c3 */
-.Calendar_calendar__NjA1N {
+.Calendar_calendar__ZDMwM {
   width: fit-content;
   max-width: 100%;
   font-size: var(--font-size);
   color: var(--font-color);
 }
-.Calendar_header__ZTk0Y {
+.Calendar_header__ZDE0Y {
   display: flex;
   align-items: center;
   margin-bottom: var(--spacing-4);
 }
-.Calendar_calendar__NjA1N .Calendar_heading__ZjFmN {
+.Calendar_calendar__ZDMwM .Calendar_heading__MTk3Z {
   flex: 1;
   margin: 0;
   text-align: center;
   font-size: var(--font-size);
   font-weight: 700;
 }
-.Calendar_button__M2I3Z {
+.Calendar_button__MmIyO {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 0;
   background: transparent;
 }
-.Calendar_headerCell__YTQ4M {
+.Calendar_headerCell__MjEwY {
   font-weight: 700;
 }
-.Calendar_cell__MDVjN {
+.Calendar_cell__MTc4M {
   width: 3rem;
   line-height: 3rem;
   text-align: center;
@@ -2882,22 +2882,25 @@ body a.Button_button__NDYwM {
   margin: var(--gap-xs);
   forced-color-adjust: none;
 }
-.Calendar_cell__MDVjN:hover {
+.Calendar_cell__MTc4M:hover {
   color: var(--highlight-font-color);
   background: var(--highlight-color);
 }
-.Calendar_cell__MDVjN[data-outside-month] {
+.Calendar_cell__MTc4M[data-outside-month] {
   display: none;
 }
-.Calendar_cell__MDVjN[data-focus-visible] {
+.Calendar_cell__MTc4M[data-focus-visible] {
   outline: 2px solid var(--font-color);
   outline-offset: 2px;
 }
-.Calendar_cell__MDVjN[data-selected] {
+.Calendar_cell__MTc4M[data-selected] {
   color: var(--primary-font-color);
   border-color: var(--primary-color);
   background: var(--primary-color);
 }
+.Calendar_cell__MTc4M[data-disabled] {
+  color: var(--font-color-disabled);
+}
 
 /* virtual-css:css:98988f24a8f1f9732e1edf323cdce610 */
 .Checkbox_checkbox__OTliN {

package/dist/index.d.ts

@@ -356,7 +356,13 @@ declare module '@umami/react-zen/Button' {
 
 declare module '@umami/react-zen/Calendar' {
     import { CalendarProps } from 'react-aria-components';
-    function Calendar({ className, ...props }: CalendarProps<any>): import("react").JSX.Element;
+    function Calendar({ className, value, minValue, maxValue, defaultValue, onChange, ...props }: CalendarProps<any> & {
+        value: Date;
+        minValue?: Date;
+        maxValue?: Date;
+        defaultValue?: Date;
+        onChange?: (value?: Date) => void;
+    }): import("react").JSX.Element;
     export { Calendar };
     export type { CalendarProps };
 }
@@ -959,8 +965,9 @@ declare module '@umami/react-zen/ToggleGroup' {
     import { TagGroupProps, TagProps } from 'react-aria-components';
     export interface ToggleGroupProps extends TagGroupProps {
         label?: string;
+        onChange?: (value: string | string[]) => void;
     }
-    function ToggleGroup({ label, className, children, ...props }: ToggleGroupProps): import("react").JSX.Element;
+    function ToggleGroup({ label, className, children, selectionMode, onChange, ...props }: ToggleGroupProps): import("react").JSX.Element;
     export interface ToggleGroupItemProps extends TagProps {
     }
     function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): import("react").JSX.Element;

package/dist/index.js

@@ -4743,12 +4743,12 @@ function $fca6afa0e843324b$export$f12b703ca79dfbb1(strings, packageName) {
   ]);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/utils.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/utils.mjs
 function $2b4dce13dd5a17fa$export$842a2cf37af977e1(amount, numerator) {
   return amount - numerator * Math.floor(amount / numerator);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/GregorianCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/GregorianCalendar.mjs
 var $3b62074eb05584b2$var$EPOCH = 1721426;
 function $3b62074eb05584b2$export$f297eb839006d339(era, year, month, day) {
   year = $3b62074eb05584b2$export$c36e0ecb2d4fa69d(era, year);
@@ -4863,7 +4863,7 @@ var $3b62074eb05584b2$export$80ee6245ec4f29ec = class {
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/weekStartData.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/weekStartData.mjs
 var $2fe286d2fb449abb$export$7a5acbd77d414bd9 = {
   "001": 1,
   AD: 1,
@@ -4962,7 +4962,7 @@ var $2fe286d2fb449abb$export$7a5acbd77d414bd9 = {
   XK: 1
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/queries.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/queries.mjs
 function $14e0f24ef4ac5c92$export$ea39ec197993aef0(a, b) {
   b = (0, $11d87f3f76e88657$export$b4a036af3fc0b032)(b, a.calendar);
   return a.era === b.era && a.year === b.year && a.month === b.month && a.day === b.day;
@@ -4974,7 +4974,12 @@ function $14e0f24ef4ac5c92$export$a18c89cbd24170ff(a, b) {
   return a.era === b.era && a.year === b.year && a.month === b.month;
 }
 function $14e0f24ef4ac5c92$export$91b62ebf2ba703ee(a, b) {
-  return a.calendar.identifier === b.calendar.identifier && a.era === b.era && a.year === b.year && a.month === b.month && a.day === b.day;
+  return $14e0f24ef4ac5c92$export$dbc69fd56b53d5e(a.calendar, b.calendar) && $14e0f24ef4ac5c92$export$ea39ec197993aef0(a, b);
+}
+function $14e0f24ef4ac5c92$export$dbc69fd56b53d5e(a, b) {
+  var _a_isEqual, _b_isEqual;
+  var _a_isEqual1, _ref;
+  return (_ref = (_a_isEqual1 = (_a_isEqual = a.isEqual) === null || _a_isEqual === void 0 ? void 0 : _a_isEqual.call(a, b)) !== null && _a_isEqual1 !== void 0 ? _a_isEqual1 : (_b_isEqual = b.isEqual) === null || _b_isEqual === void 0 ? void 0 : _b_isEqual.call(b, a)) !== null && _ref !== void 0 ? _ref : a.identifier === b.identifier;
 }
 function $14e0f24ef4ac5c92$export$629b0a497aa65267(date, timeZone) {
   return $14e0f24ef4ac5c92$export$ea39ec197993aef0(date, $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(timeZone));
@@ -5071,7 +5076,7 @@ function $14e0f24ef4ac5c92$export$a75f2bff57811055(a, b) {
   return a || b;
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/conversion.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/conversion.mjs
 function $11d87f3f76e88657$export$bd4fb2bc8bb06fb(date) {
   date = $11d87f3f76e88657$export$b4a036af3fc0b032(date, new (0, $3b62074eb05584b2$export$80ee6245ec4f29ec)());
   let year = (0, $3b62074eb05584b2$export$c36e0ecb2d4fa69d)(date.era, date.year);
@@ -5197,7 +5202,7 @@ function $11d87f3f76e88657$export$b21e0b124e224484(date, time) {
   return new (0, $35ea8db9cb2ccb90$export$ca871e8dbb80966f)(date.calendar, date.era, date.year, date.month, date.day, hour, minute, second, millisecond);
 }
 function $11d87f3f76e88657$export$b4a036af3fc0b032(date, calendar) {
-  if (date.calendar.identifier === calendar.identifier) return date;
+  if ((0, $14e0f24ef4ac5c92$export$dbc69fd56b53d5e)(date.calendar, calendar)) return date;
   let calendarDate = calendar.fromJulianDay(date.calendar.toJulianDay(date));
   let copy = date.copy();
   copy.calendar = calendar;
@@ -5225,7 +5230,7 @@ function $11d87f3f76e88657$export$538b00033cc11c75(date, timeZone) {
   return $11d87f3f76e88657$export$b4a036af3fc0b032($11d87f3f76e88657$export$1b96692a1ba042ac(ms, timeZone), date.calendar);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/manipulation.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/manipulation.mjs
 var $735220c2d4774dd3$var$ONE_HOUR = 36e5;
 function $735220c2d4774dd3$export$e16d8520af44a096(date, duration) {
   let mutableDate = date.copy();
@@ -5510,7 +5515,7 @@ function $735220c2d4774dd3$export$31b5430eb18be4f8(dateTime, fields, disambiguat
   return (0, $11d87f3f76e88657$export$b4a036af3fc0b032)((0, $11d87f3f76e88657$export$1b96692a1ba042ac)(ms, dateTime.timeZone), dateTime.calendar);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/string.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/string.mjs
 var $fae977aafc393c5c$var$requiredDurationTimeGroups = [
   "hours",
   "minutes",
@@ -5547,7 +5552,7 @@ function $fae977aafc393c5c$export$bf79f1ebf4b18792(date) {
   return `${$fae977aafc393c5c$export$4223de14708adc63(date)}${$fae977aafc393c5c$var$offsetToString(date.offset)}[${date.timeZone}]`;
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/CalendarDate.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/CalendarDate.mjs
 function $35ea8db9cb2ccb90$var$shiftArgs(args) {
   let calendar = typeof args[0] === "object" ? args.shift() : new (0, $3b62074eb05584b2$export$80ee6245ec4f29ec)();
   let era;
@@ -5750,7 +5755,7 @@ var $35ea8db9cb2ccb90$export$d3b7288e7994edea = class _$35ea8db9cb2ccb90$export$
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/JapaneseCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/JapaneseCalendar.mjs
 var $62225008020f0a13$var$ERA_START_DATES = [
   [
     1868,
@@ -5901,7 +5906,7 @@ function $62225008020f0a13$var$getMinimums(date) {
   }
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/BuddhistCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/BuddhistCalendar.mjs
 var $8d73d47422ca7302$var$BUDDHIST_ERA_START = -543;
 var $8d73d47422ca7302$export$42d20a78301dee44 = class extends (0, $3b62074eb05584b2$export$80ee6245ec4f29ec) {
   fromJulianDay(jd) {
@@ -5931,7 +5936,7 @@ function $8d73d47422ca7302$var$toGregorian(date) {
   return new (0, $35ea8db9cb2ccb90$export$99faa760c7908e4f)(era, year, date.month, date.day);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/TaiwanCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/TaiwanCalendar.mjs
 var $5f31bd6f0c8940b2$var$TAIWAN_ERA_START = 1911;
 function $5f31bd6f0c8940b2$var$gregorianYear(date) {
   return date.era === "minguo" ? date.year + $5f31bd6f0c8940b2$var$TAIWAN_ERA_START : 1 - date.year + $5f31bd6f0c8940b2$var$TAIWAN_ERA_START;
@@ -5986,7 +5991,7 @@ function $5f31bd6f0c8940b2$var$toGregorian(date) {
   return new (0, $35ea8db9cb2ccb90$export$99faa760c7908e4f)(era, year, date.month, date.day);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/PersianCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/PersianCalendar.mjs
 var $f3ed2e4472ae7e25$var$PERSIAN_EPOCH = 1948320;
 var $f3ed2e4472ae7e25$var$MONTH_START = [
   0,
@@ -6041,7 +6046,7 @@ var $f3ed2e4472ae7e25$export$37fccdbfd14c5939 = class {
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/IndianCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/IndianCalendar.mjs
 var $82c358003bdda0a8$var$INDIAN_ERA_START = 78;
 var $82c358003bdda0a8$var$INDIAN_YEAR_START = 80;
 var $82c358003bdda0a8$export$39f31c639fa15726 = class extends (0, $3b62074eb05584b2$export$80ee6245ec4f29ec) {
@@ -6114,7 +6119,7 @@ var $82c358003bdda0a8$export$39f31c639fa15726 = class extends (0, $3b62074eb0558
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/IslamicCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/IslamicCalendar.mjs
 var $f2f3e0e3a817edbd$var$CIVIL_EPOC = 1948440;
 var $f2f3e0e3a817edbd$var$ASTRONOMICAL_EPOC = 1948439;
 var $f2f3e0e3a817edbd$var$UMALQURA_YEAR_START = 1300;
@@ -6250,7 +6255,7 @@ var $f2f3e0e3a817edbd$export$5baab4758c231076 = class extends $f2f3e0e3a817edbd$
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/HebrewCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/HebrewCalendar.mjs
 var $7c5f6fbf42389787$var$HEBREW_EPOCH = 347997;
 var $7c5f6fbf42389787$var$HOUR_PARTS = 1080;
 var $7c5f6fbf42389787$var$DAY_PARTS = 24 * $7c5f6fbf42389787$var$HOUR_PARTS;
@@ -6360,7 +6365,7 @@ var $7c5f6fbf42389787$export$ca405048b8fb5af = class {
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/EthiopicCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/EthiopicCalendar.mjs
 var $b956b2d7a6cf451f$var$ETHIOPIC_EPOCH = 1723856;
 var $b956b2d7a6cf451f$var$COPTIC_EPOCH = 1824665;
 var $b956b2d7a6cf451f$var$AMETE_MIHRET_DELTA = 5500;
@@ -6484,7 +6489,7 @@ var $b956b2d7a6cf451f$export$fe6243cbe1a4b7c1 = class extends $b956b2d7a6cf451f$
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/createCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/createCalendar.mjs
 function $64244302c3013299$export$dd0bbc9b26defe37(name) {
   switch (name) {
     case "buddhist":
@@ -6517,7 +6522,7 @@ function $64244302c3013299$export$dd0bbc9b26defe37(name) {
   }
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/DateFormatter.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/DateFormatter.mjs
 var $fb18d541ea1ad717$var$formatterCache = /* @__PURE__ */ new Map();
 var $fb18d541ea1ad717$export$ad991b66133851cf = class {
   /** Formats a date as a string according to the locale and format options passed to the constructor. */
@@ -29986,23 +29991,63 @@ function Breadcrumb2({ children, className, ...props }) {
 // src/components/Calendar.tsx
 var import_classnames16 = __toESM(require_classnames());
 
+// src/lib/date.ts
+function toCalendarDate(date) {
+  if (date instanceof $35ea8db9cb2ccb90$export$99faa760c7908e4f) {
+    return date;
+  }
+  return date ? new $35ea8db9cb2ccb90$export$99faa760c7908e4f(date.getUTCFullYear(), date.getUTCMonth() + 1, date.getUTCDate()) : date;
+}
+function fromCalendarDate(date) {
+  if (date instanceof $35ea8db9cb2ccb90$export$99faa760c7908e4f) {
+    return date.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+  }
+  return date;
+}
+
 // css-modules:E:\dev\umami-react-zen\src\components\Calendar.module.css
-var Calendar_default = { "calendar": "Calendar_calendar__NjA1N", "header": "Calendar_header__ZTk0Y", "heading": "Calendar_heading__ZjFmN", "button": "Calendar_button__M2I3Z", "headerCell": "Calendar_headerCell__YTQ4M", "cell": "Calendar_cell__MDVjN" };
+var Calendar_default = { "calendar": "Calendar_calendar__ZDMwM", "header": "Calendar_header__ZDE0Y", "heading": "Calendar_heading__MTk3Z", "button": "Calendar_button__MmIyO", "headerCell": "Calendar_headerCell__MjEwY", "cell": "Calendar_cell__MTc4M" };
 
 // src/components/Calendar.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
-function Calendar2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)($dfd62f934fc76fed$export$e1aef45b828286de, { ...props, className: (0, import_classnames16.default)(Calendar_default.calendar, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("header", { className: Calendar_default.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icons.Chevron, {}) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icons.Chevron, {}) }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
-    ] })
-  ] });
+function Calendar2({
+  className,
+  value,
+  minValue,
+  maxValue,
+  defaultValue,
+  onChange,
+  ...props
+}) {
+  const dateProps = {
+    value: toCalendarDate(value),
+    minValue: toCalendarDate(minValue),
+    maxValue: toCalendarDate(maxValue),
+    defaultValue: toCalendarDate(defaultValue)
+  };
+  const handleChange = (date) => {
+    onChange?.(fromCalendarDate(date));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    $dfd62f934fc76fed$export$e1aef45b828286de,
+    {
+      ...props,
+      ...dateProps,
+      className: (0, import_classnames16.default)(Calendar_default.calendar, className),
+      onChange: handleChange,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("header", { className: Calendar_default.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icons.Chevron, {}) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icons.Chevron, {}) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
+        ] })
+      ]
+    }
+  );
 }
 
 // src/components/Checkbox.tsx
@@ -31330,11 +31375,30 @@ var ToggleGroup_default = { "group": "ToggleGroup_group__Y2YyN", "list": "Toggle
 
 // src/components/ToggleGroup.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
-function ToggleGroup({ label, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)($eaf9e70818b436db$export$67ea30858aaf75e3, { ...props, className: (0, import_classnames51.default)(ToggleGroup_default.group, className), selectionBehavior: "toggle", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Label2, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
-  ] });
+function ToggleGroup({
+  label,
+  className,
+  children,
+  selectionMode = "single",
+  onChange,
+  ...props
+}) {
+  const handleChange = (keys) => {
+    onChange?.(Array.from(keys).map((k) => k.toString()));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    $eaf9e70818b436db$export$67ea30858aaf75e3,
+    {
+      ...props,
+      selectionMode,
+      onSelectionChange: handleChange,
+      className: (0, import_classnames51.default)(ToggleGroup_default.group, className),
+      children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Label2, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
+      ]
+    }
+  );
 }
 function ToggleGroupItem({ className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames51.default)(ToggleGroup_default.item, className), children });

package/dist/index.mjs

@@ -4632,12 +4632,12 @@ function $fca6afa0e843324b$export$f12b703ca79dfbb1(strings, packageName) {
   ]);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/utils.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/utils.mjs
 function $2b4dce13dd5a17fa$export$842a2cf37af977e1(amount, numerator) {
   return amount - numerator * Math.floor(amount / numerator);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/GregorianCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/GregorianCalendar.mjs
 var $3b62074eb05584b2$var$EPOCH = 1721426;
 function $3b62074eb05584b2$export$f297eb839006d339(era, year, month, day) {
   year = $3b62074eb05584b2$export$c36e0ecb2d4fa69d(era, year);
@@ -4752,7 +4752,7 @@ var $3b62074eb05584b2$export$80ee6245ec4f29ec = class {
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/weekStartData.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/weekStartData.mjs
 var $2fe286d2fb449abb$export$7a5acbd77d414bd9 = {
   "001": 1,
   AD: 1,
@@ -4851,7 +4851,7 @@ var $2fe286d2fb449abb$export$7a5acbd77d414bd9 = {
   XK: 1
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/queries.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/queries.mjs
 function $14e0f24ef4ac5c92$export$ea39ec197993aef0(a, b) {
   b = (0, $11d87f3f76e88657$export$b4a036af3fc0b032)(b, a.calendar);
   return a.era === b.era && a.year === b.year && a.month === b.month && a.day === b.day;
@@ -4863,7 +4863,12 @@ function $14e0f24ef4ac5c92$export$a18c89cbd24170ff(a, b) {
   return a.era === b.era && a.year === b.year && a.month === b.month;
 }
 function $14e0f24ef4ac5c92$export$91b62ebf2ba703ee(a, b) {
-  return a.calendar.identifier === b.calendar.identifier && a.era === b.era && a.year === b.year && a.month === b.month && a.day === b.day;
+  return $14e0f24ef4ac5c92$export$dbc69fd56b53d5e(a.calendar, b.calendar) && $14e0f24ef4ac5c92$export$ea39ec197993aef0(a, b);
+}
+function $14e0f24ef4ac5c92$export$dbc69fd56b53d5e(a, b) {
+  var _a_isEqual, _b_isEqual;
+  var _a_isEqual1, _ref;
+  return (_ref = (_a_isEqual1 = (_a_isEqual = a.isEqual) === null || _a_isEqual === void 0 ? void 0 : _a_isEqual.call(a, b)) !== null && _a_isEqual1 !== void 0 ? _a_isEqual1 : (_b_isEqual = b.isEqual) === null || _b_isEqual === void 0 ? void 0 : _b_isEqual.call(b, a)) !== null && _ref !== void 0 ? _ref : a.identifier === b.identifier;
 }
 function $14e0f24ef4ac5c92$export$629b0a497aa65267(date, timeZone) {
   return $14e0f24ef4ac5c92$export$ea39ec197993aef0(date, $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(timeZone));
@@ -4960,7 +4965,7 @@ function $14e0f24ef4ac5c92$export$a75f2bff57811055(a, b) {
   return a || b;
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/conversion.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/conversion.mjs
 function $11d87f3f76e88657$export$bd4fb2bc8bb06fb(date) {
   date = $11d87f3f76e88657$export$b4a036af3fc0b032(date, new (0, $3b62074eb05584b2$export$80ee6245ec4f29ec)());
   let year = (0, $3b62074eb05584b2$export$c36e0ecb2d4fa69d)(date.era, date.year);
@@ -5086,7 +5091,7 @@ function $11d87f3f76e88657$export$b21e0b124e224484(date, time) {
   return new (0, $35ea8db9cb2ccb90$export$ca871e8dbb80966f)(date.calendar, date.era, date.year, date.month, date.day, hour, minute, second, millisecond);
 }
 function $11d87f3f76e88657$export$b4a036af3fc0b032(date, calendar) {
-  if (date.calendar.identifier === calendar.identifier) return date;
+  if ((0, $14e0f24ef4ac5c92$export$dbc69fd56b53d5e)(date.calendar, calendar)) return date;
   let calendarDate = calendar.fromJulianDay(date.calendar.toJulianDay(date));
   let copy = date.copy();
   copy.calendar = calendar;
@@ -5114,7 +5119,7 @@ function $11d87f3f76e88657$export$538b00033cc11c75(date, timeZone) {
   return $11d87f3f76e88657$export$b4a036af3fc0b032($11d87f3f76e88657$export$1b96692a1ba042ac(ms, timeZone), date.calendar);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/manipulation.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/manipulation.mjs
 var $735220c2d4774dd3$var$ONE_HOUR = 36e5;
 function $735220c2d4774dd3$export$e16d8520af44a096(date, duration) {
   let mutableDate = date.copy();
@@ -5399,7 +5404,7 @@ function $735220c2d4774dd3$export$31b5430eb18be4f8(dateTime, fields, disambiguat
   return (0, $11d87f3f76e88657$export$b4a036af3fc0b032)((0, $11d87f3f76e88657$export$1b96692a1ba042ac)(ms, dateTime.timeZone), dateTime.calendar);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/string.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/string.mjs
 var $fae977aafc393c5c$var$requiredDurationTimeGroups = [
   "hours",
   "minutes",
@@ -5436,7 +5441,7 @@ function $fae977aafc393c5c$export$bf79f1ebf4b18792(date) {
   return `${$fae977aafc393c5c$export$4223de14708adc63(date)}${$fae977aafc393c5c$var$offsetToString(date.offset)}[${date.timeZone}]`;
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/CalendarDate.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/CalendarDate.mjs
 function $35ea8db9cb2ccb90$var$shiftArgs(args) {
   let calendar = typeof args[0] === "object" ? args.shift() : new (0, $3b62074eb05584b2$export$80ee6245ec4f29ec)();
   let era;
@@ -5639,7 +5644,7 @@ var $35ea8db9cb2ccb90$export$d3b7288e7994edea = class _$35ea8db9cb2ccb90$export$
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/JapaneseCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/JapaneseCalendar.mjs
 var $62225008020f0a13$var$ERA_START_DATES = [
   [
     1868,
@@ -5790,7 +5795,7 @@ function $62225008020f0a13$var$getMinimums(date) {
   }
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/BuddhistCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/BuddhistCalendar.mjs
 var $8d73d47422ca7302$var$BUDDHIST_ERA_START = -543;
 var $8d73d47422ca7302$export$42d20a78301dee44 = class extends (0, $3b62074eb05584b2$export$80ee6245ec4f29ec) {
   fromJulianDay(jd) {
@@ -5820,7 +5825,7 @@ function $8d73d47422ca7302$var$toGregorian(date) {
   return new (0, $35ea8db9cb2ccb90$export$99faa760c7908e4f)(era, year, date.month, date.day);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/TaiwanCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/TaiwanCalendar.mjs
 var $5f31bd6f0c8940b2$var$TAIWAN_ERA_START = 1911;
 function $5f31bd6f0c8940b2$var$gregorianYear(date) {
   return date.era === "minguo" ? date.year + $5f31bd6f0c8940b2$var$TAIWAN_ERA_START : 1 - date.year + $5f31bd6f0c8940b2$var$TAIWAN_ERA_START;
@@ -5875,7 +5880,7 @@ function $5f31bd6f0c8940b2$var$toGregorian(date) {
   return new (0, $35ea8db9cb2ccb90$export$99faa760c7908e4f)(era, year, date.month, date.day);
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/PersianCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/PersianCalendar.mjs
 var $f3ed2e4472ae7e25$var$PERSIAN_EPOCH = 1948320;
 var $f3ed2e4472ae7e25$var$MONTH_START = [
   0,
@@ -5930,7 +5935,7 @@ var $f3ed2e4472ae7e25$export$37fccdbfd14c5939 = class {
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/IndianCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/IndianCalendar.mjs
 var $82c358003bdda0a8$var$INDIAN_ERA_START = 78;
 var $82c358003bdda0a8$var$INDIAN_YEAR_START = 80;
 var $82c358003bdda0a8$export$39f31c639fa15726 = class extends (0, $3b62074eb05584b2$export$80ee6245ec4f29ec) {
@@ -6003,7 +6008,7 @@ var $82c358003bdda0a8$export$39f31c639fa15726 = class extends (0, $3b62074eb0558
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/IslamicCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/IslamicCalendar.mjs
 var $f2f3e0e3a817edbd$var$CIVIL_EPOC = 1948440;
 var $f2f3e0e3a817edbd$var$ASTRONOMICAL_EPOC = 1948439;
 var $f2f3e0e3a817edbd$var$UMALQURA_YEAR_START = 1300;
@@ -6139,7 +6144,7 @@ var $f2f3e0e3a817edbd$export$5baab4758c231076 = class extends $f2f3e0e3a817edbd$
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/HebrewCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/HebrewCalendar.mjs
 var $7c5f6fbf42389787$var$HEBREW_EPOCH = 347997;
 var $7c5f6fbf42389787$var$HOUR_PARTS = 1080;
 var $7c5f6fbf42389787$var$DAY_PARTS = 24 * $7c5f6fbf42389787$var$HOUR_PARTS;
@@ -6249,7 +6254,7 @@ var $7c5f6fbf42389787$export$ca405048b8fb5af = class {
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/EthiopicCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/EthiopicCalendar.mjs
 var $b956b2d7a6cf451f$var$ETHIOPIC_EPOCH = 1723856;
 var $b956b2d7a6cf451f$var$COPTIC_EPOCH = 1824665;
 var $b956b2d7a6cf451f$var$AMETE_MIHRET_DELTA = 5500;
@@ -6373,7 +6378,7 @@ var $b956b2d7a6cf451f$export$fe6243cbe1a4b7c1 = class extends $b956b2d7a6cf451f$
   }
 };
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/createCalendar.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/createCalendar.mjs
 function $64244302c3013299$export$dd0bbc9b26defe37(name) {
   switch (name) {
     case "buddhist":
@@ -6406,7 +6411,7 @@ function $64244302c3013299$export$dd0bbc9b26defe37(name) {
   }
 }
 
-// node_modules/.pnpm/@internationalized+date@3.7.0/node_modules/@internationalized/date/dist/DateFormatter.mjs
+// node_modules/.pnpm/@internationalized+date@3.8.0/node_modules/@internationalized/date/dist/DateFormatter.mjs
 var $fb18d541ea1ad717$var$formatterCache = /* @__PURE__ */ new Map();
 var $fb18d541ea1ad717$export$ad991b66133851cf = class {
   /** Formats a date as a string according to the locale and format options passed to the constructor. */
@@ -29875,23 +29880,63 @@ function Breadcrumb2({ children, className, ...props }) {
 // src/components/Calendar.tsx
 var import_classnames16 = __toESM(require_classnames());
 
+// src/lib/date.ts
+function toCalendarDate(date) {
+  if (date instanceof $35ea8db9cb2ccb90$export$99faa760c7908e4f) {
+    return date;
+  }
+  return date ? new $35ea8db9cb2ccb90$export$99faa760c7908e4f(date.getUTCFullYear(), date.getUTCMonth() + 1, date.getUTCDate()) : date;
+}
+function fromCalendarDate(date) {
+  if (date instanceof $35ea8db9cb2ccb90$export$99faa760c7908e4f) {
+    return date.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+  }
+  return date;
+}
+
 // css-modules:E:\dev\umami-react-zen\src\components\Calendar.module.css
-var Calendar_default = { "calendar": "Calendar_calendar__NjA1N", "header": "Calendar_header__ZTk0Y", "heading": "Calendar_heading__ZjFmN", "button": "Calendar_button__M2I3Z", "headerCell": "Calendar_headerCell__YTQ4M", "cell": "Calendar_cell__MDVjN" };
+var Calendar_default = { "calendar": "Calendar_calendar__ZDMwM", "header": "Calendar_header__ZDE0Y", "heading": "Calendar_heading__MTk3Z", "button": "Calendar_button__MmIyO", "headerCell": "Calendar_headerCell__MjEwY", "cell": "Calendar_cell__MTc4M" };
 
 // src/components/Calendar.tsx
 import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
-function Calendar2({ className, ...props }) {
-  return /* @__PURE__ */ jsxs12($dfd62f934fc76fed$export$e1aef45b828286de, { ...props, className: (0, import_classnames16.default)(Calendar_default.calendar, className), children: [
-    /* @__PURE__ */ jsxs12("header", { className: Calendar_default.header, children: [
-      /* @__PURE__ */ jsx24(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx24(Icon, { rotate: 180, children: /* @__PURE__ */ jsx24(Icons.Chevron, {}) }) }),
-      /* @__PURE__ */ jsx24($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
-      /* @__PURE__ */ jsx24(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx24(Icon, { children: /* @__PURE__ */ jsx24(Icons.Chevron, {}) }) })
-    ] }),
-    /* @__PURE__ */ jsxs12($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
-      /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
-      /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
-    ] })
-  ] });
+function Calendar2({
+  className,
+  value,
+  minValue,
+  maxValue,
+  defaultValue,
+  onChange,
+  ...props
+}) {
+  const dateProps = {
+    value: toCalendarDate(value),
+    minValue: toCalendarDate(minValue),
+    maxValue: toCalendarDate(maxValue),
+    defaultValue: toCalendarDate(defaultValue)
+  };
+  const handleChange = (date) => {
+    onChange?.(fromCalendarDate(date));
+  };
+  return /* @__PURE__ */ jsxs12(
+    $dfd62f934fc76fed$export$e1aef45b828286de,
+    {
+      ...props,
+      ...dateProps,
+      className: (0, import_classnames16.default)(Calendar_default.calendar, className),
+      onChange: handleChange,
+      children: [
+        /* @__PURE__ */ jsxs12("header", { className: Calendar_default.header, children: [
+          /* @__PURE__ */ jsx24(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx24(Icon, { rotate: 180, children: /* @__PURE__ */ jsx24(Icons.Chevron, {}) }) }),
+          /* @__PURE__ */ jsx24($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
+          /* @__PURE__ */ jsx24(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx24(Icon, { children: /* @__PURE__ */ jsx24(Icons.Chevron, {}) }) })
+        ] }),
+        /* @__PURE__ */ jsxs12($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
+          /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
+          /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
+        ] })
+      ]
+    }
+  );
 }
 
 // src/components/Checkbox.tsx
@@ -31223,11 +31268,30 @@ var ToggleGroup_default = { "group": "ToggleGroup_group__Y2YyN", "list": "Toggle
 
 // src/components/ToggleGroup.tsx
 import { jsx as jsx62, jsxs as jsxs37 } from "react/jsx-runtime";
-function ToggleGroup({ label, className, children, ...props }) {
-  return /* @__PURE__ */ jsxs37($eaf9e70818b436db$export$67ea30858aaf75e3, { ...props, className: (0, import_classnames51.default)(ToggleGroup_default.group, className), selectionBehavior: "toggle", children: [
-    label && /* @__PURE__ */ jsx62(Label2, { children: label }),
-    /* @__PURE__ */ jsx62($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
-  ] });
+function ToggleGroup({
+  label,
+  className,
+  children,
+  selectionMode = "single",
+  onChange,
+  ...props
+}) {
+  const handleChange = (keys) => {
+    onChange?.(Array.from(keys).map((k) => k.toString()));
+  };
+  return /* @__PURE__ */ jsxs37(
+    $eaf9e70818b436db$export$67ea30858aaf75e3,
+    {
+      ...props,
+      selectionMode,
+      onSelectionChange: handleChange,
+      className: (0, import_classnames51.default)(ToggleGroup_default.group, className),
+      children: [
+        label && /* @__PURE__ */ jsx62(Label2, { children: label }),
+        /* @__PURE__ */ jsx62($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
+      ]
+    }
+  );
 }
 function ToggleGroupItem({ className, children, ...props }) {
   return /* @__PURE__ */ jsx62($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames51.default)(ToggleGroup_default.item, className), children });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.83.0",
+  "version": "0.85.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",
@@ -46,6 +46,7 @@
   },
   "dependencies": {
     "@fontsource/jetbrains-mono": "^5.2.5",
+    "@internationalized/date": "^3.8.0",
     "@react-aria/focus": "^3.20.1",
     "@react-spring/web": "^9.7.5",
     "classnames": "^2.5.1",

package/styles.css

@@ -3164,35 +3164,35 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:090024871002459dc1fbfd39039799c3 */
-.Calendar_calendar__NjA1N {
+.Calendar_calendar__ZDMwM {
   width: fit-content;
   max-width: 100%;
   font-size: var(--font-size);
   color: var(--font-color);
 }
-.Calendar_header__ZTk0Y {
+.Calendar_header__ZDE0Y {
   display: flex;
   align-items: center;
   margin-bottom: var(--spacing-4);
 }
-.Calendar_calendar__NjA1N .Calendar_heading__ZjFmN {
+.Calendar_calendar__ZDMwM .Calendar_heading__MTk3Z {
   flex: 1;
   margin: 0;
   text-align: center;
   font-size: var(--font-size);
   font-weight: 700;
 }
-.Calendar_button__M2I3Z {
+.Calendar_button__MmIyO {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 0;
   background: transparent;
 }
-.Calendar_headerCell__YTQ4M {
+.Calendar_headerCell__MjEwY {
   font-weight: 700;
 }
-.Calendar_cell__MDVjN {
+.Calendar_cell__MTc4M {
   width: 3rem;
   line-height: 3rem;
   text-align: center;
@@ -3202,22 +3202,25 @@ body a.Button_button__NDYwM {
   margin: var(--gap-xs);
   forced-color-adjust: none;
 }
-.Calendar_cell__MDVjN:hover {
+.Calendar_cell__MTc4M:hover {
   color: var(--highlight-font-color);
   background: var(--highlight-color);
 }
-.Calendar_cell__MDVjN[data-outside-month] {
+.Calendar_cell__MTc4M[data-outside-month] {
   display: none;
 }
-.Calendar_cell__MDVjN[data-focus-visible] {
+.Calendar_cell__MTc4M[data-focus-visible] {
   outline: 2px solid var(--font-color);
   outline-offset: 2px;
 }
-.Calendar_cell__MDVjN[data-selected] {
+.Calendar_cell__MTc4M[data-selected] {
   color: var(--primary-font-color);
   border-color: var(--primary-color);
   background: var(--primary-color);
 }
+.Calendar_cell__MTc4M[data-disabled] {
+  color: var(--font-color-disabled);
+}
 
 /* virtual-css:css:98988f24a8f1f9732e1edf323cdce610 */
 .Checkbox_checkbox__OTliN {