@wealthx/shadcn 1.5.8 → 1.5.10

package/dist/components/ui/appointment-calendar-view.js

@@ -695,11 +695,12 @@ function generateMonthGrid(year, month) {
 }
 function MonthView({
   appointments,
+  viewDate,
   today,
   onSelectAppointment
 }) {
-  const todayDate = /* @__PURE__ */ new Date(today + "T00:00:00");
-  const grid = generateMonthGrid(todayDate.getFullYear(), todayDate.getMonth());
+  const vd = /* @__PURE__ */ new Date(viewDate + "T00:00:00");
+  const grid = generateMonthGrid(vd.getFullYear(), vd.getMonth());
   const toIso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "grid grid-cols-7 border-b border-border", children: MONTH_DAY_HEADERS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -768,15 +769,18 @@ function AppointmentCalendarView({
   periodLabel,
   weekDays,
   hours = DEFAULT_HOURS,
+  viewDate,
   dayViewDate,
   defaultView = "week",
   onPrev,
   onNext,
   onToday,
+  onViewChange,
   onSelectAppointment,
   toolbarActions
 }) {
-  const dayDate = dayViewDate != null ? dayViewDate : today;
+  var _a;
+  const effectiveViewDate = (_a = viewDate != null ? viewDate : dayViewDate) != null ? _a : today;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col border border-border bg-card", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between gap-4 px-4 py-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -806,41 +810,57 @@ function AppointmentCalendarView({
       toolbarActions && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex items-center gap-2", children: toolbarActions })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Tabs, { defaultValue: defaultView, className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "px-4 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(TabsList, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TabsTrigger, { value: "day", children: "Day" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TabsTrigger, { value: "week", children: "Week" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TabsTrigger, { value: "month", children: "Month" })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TabsContent, { value: "day", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        DayView,
-        {
-          appointments,
-          date: dayDate,
-          today,
-          hours,
-          onSelectAppointment
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TabsContent, { value: "week", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        WeekView,
-        {
-          appointments,
-          weekDays,
-          today,
-          hours,
-          onSelectAppointment
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TabsContent, { value: "month", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        MonthView,
-        {
-          appointments,
-          today,
-          onSelectAppointment
-        }
-      ) })
-    ] })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      Tabs,
+      {
+        defaultValue: defaultView,
+        onValueChange: (v) => onViewChange == null ? void 0 : onViewChange(v),
+        className: "flex flex-col",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "px-4 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(TabsList, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TabsTrigger, { value: "day", children: "Day" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TabsTrigger, { value: "week", children: "Week" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TabsTrigger, { value: "month", children: "Month" })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TabsContent, { value: "day", className: "mt-0 max-h-[75vh] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            DayView,
+            {
+              appointments,
+              date: effectiveViewDate,
+              today,
+              hours,
+              onSelectAppointment
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TabsContent, { value: "week", className: "mt-0 max-h-[75vh] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            WeekView,
+            {
+              appointments,
+              weekDays,
+              today,
+              hours,
+              onSelectAppointment
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            TabsContent,
+            {
+              value: "month",
+              className: "mt-0 max-h-[75vh] overflow-y-auto",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                MonthView,
+                {
+                  appointments,
+                  viewDate: effectiveViewDate,
+                  today,
+                  onSelectAppointment
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/ui/appointment-calendar-view.mjs

@@ -1,6 +1,6 @@
 import {
   AppointmentCalendarView
-} from "../../chunk-XVZGXPIX.mjs";
+} from "../../chunk-Z2BW5T7P.mjs";
 import "../../chunk-WE4YKBDE.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-H6NQTIF4.mjs";

package/dist/index.js

@@ -9589,11 +9589,12 @@ function generateMonthGrid(year, month) {
 }
 function MonthView({
   appointments,
+  viewDate,
   today,
   onSelectAppointment
 }) {
-  const todayDate = /* @__PURE__ */ new Date(today + "T00:00:00");
-  const grid = generateMonthGrid(todayDate.getFullYear(), todayDate.getMonth());
+  const vd = /* @__PURE__ */ new Date(viewDate + "T00:00:00");
+  const grid = generateMonthGrid(vd.getFullYear(), vd.getMonth());
   const toIso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "grid grid-cols-7 border-b border-border", children: MONTH_DAY_HEADERS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -9662,15 +9663,18 @@ function AppointmentCalendarView({
   periodLabel,
   weekDays,
   hours = DEFAULT_HOURS,
+  viewDate,
   dayViewDate,
   defaultView = "week",
   onPrev,
   onNext,
   onToday,
+  onViewChange,
   onSelectAppointment,
   toolbarActions
 }) {
-  const dayDate = dayViewDate != null ? dayViewDate : today;
+  var _a;
+  const effectiveViewDate = (_a = viewDate != null ? viewDate : dayViewDate) != null ? _a : today;
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col border border-border bg-card", children: [
     /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between gap-4 px-4 py-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -9700,41 +9704,57 @@ function AppointmentCalendarView({
       toolbarActions && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center gap-2", children: toolbarActions })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Tabs, { defaultValue: defaultView, className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "px-4 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(TabsList, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TabsTrigger, { value: "day", children: "Day" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TabsTrigger, { value: "week", children: "Week" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TabsTrigger, { value: "month", children: "Month" })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TabsContent, { value: "day", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        DayView,
-        {
-          appointments,
-          date: dayDate,
-          today,
-          hours,
-          onSelectAppointment
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TabsContent, { value: "week", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        WeekView,
-        {
-          appointments,
-          weekDays,
-          today,
-          hours,
-          onSelectAppointment
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TabsContent, { value: "month", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        MonthView,
-        {
-          appointments,
-          today,
-          onSelectAppointment
-        }
-      ) })
-    ] })
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+      Tabs,
+      {
+        defaultValue: defaultView,
+        onValueChange: (v) => onViewChange == null ? void 0 : onViewChange(v),
+        className: "flex flex-col",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "px-4 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(TabsList, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TabsTrigger, { value: "day", children: "Day" }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TabsTrigger, { value: "week", children: "Week" }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TabsTrigger, { value: "month", children: "Month" })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TabsContent, { value: "day", className: "mt-0 max-h-[75vh] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            DayView,
+            {
+              appointments,
+              date: effectiveViewDate,
+              today,
+              hours,
+              onSelectAppointment
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TabsContent, { value: "week", className: "mt-0 max-h-[75vh] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            WeekView,
+            {
+              appointments,
+              weekDays,
+              today,
+              hours,
+              onSelectAppointment
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            TabsContent,
+            {
+              value: "month",
+              className: "mt-0 max-h-[75vh] overflow-y-auto",
+              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                MonthView,
+                {
+                  appointments,
+                  viewDate: effectiveViewDate,
+                  today,
+                  onSelectAppointment
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 

package/dist/index.mjs

@@ -379,7 +379,7 @@ import {
 } from "./chunk-ISUA7DSB.mjs";
 import {
   AppointmentCalendarView
-} from "./chunk-XVZGXPIX.mjs";
+} from "./chunk-Z2BW5T7P.mjs";
 import {
   AppointmentDetailSheet
 } from "./chunk-XUCDPAVI.mjs";