@mhome/ui 0.1.7 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mhome/ui",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "type": "module",
   "description": "mHome UI Component Library",
   "main": "dist/index.cjs.js",

package/src/components/date-picker.jsx

@@ -2,24 +2,26 @@ import * as React from "react";
 import { cn } from "../lib/utils";
 import { TextField } from "./text-field";
 import * as dayjsModule from "dayjs";
-// Handle dayjs import - it may be a function or an object with default
+
 // Ensure dayjs is a function at runtime
-const getDayjs = () => {
-  if (typeof dayjsModule === "function") {
-    return dayjsModule;
-  }
-  if (dayjsModule.default && typeof dayjsModule.default === "function") {
-    return dayjsModule.default;
-  }
+// Handle both ESM and CJS dayjs exports
+let dayjs;
+if (typeof dayjsModule === "function") {
+  dayjs = dayjsModule;
+} else if (dayjsModule.default && typeof dayjsModule.default === "function") {
+  dayjs = dayjsModule.default;
+} else {
   // Fallback: try to get the function from the module
-  const dayjsFn = dayjsModule.default || dayjsModule;
-  if (typeof dayjsFn === "function") {
-    return dayjsFn;
+  dayjs = dayjsModule.default || dayjsModule;
+  // If still not a function, this is an error
+  if (typeof dayjs !== "function") {
+    console.error("dayjs is not a function. Module:", dayjsModule);
+    // Create a fallback that throws an error
+    dayjs = function() {
+      throw new Error("dayjs is not properly initialized");
+    };
   }
-  // Last resort: if it's an object, try to access the function
-  return dayjsFn;
-};
-const dayjs = getDayjs();
+}
 
 const DatePicker = React.forwardRef(
   (
@@ -122,20 +124,17 @@ const DatePicker = React.forwardRef(
 
     // Generate calendar days
     const getCalendarDays = () => {
-      const startOfMonth = selectedDate
-        ? selectedDate.startOf("month")
-        : dayjs().startOf("month");
-      const endOfMonth = selectedDate
-        ? selectedDate.endOf("month")
-        : dayjs().endOf("month");
-      const startDate = startOfMonth.startOf("week");
-      const endDate = endOfMonth.endOf("week");
+      const baseDate = selectedDate || dayjs();
+      const startOfMonth = dayjs(baseDate).startOf("month");
+      const endOfMonth = dayjs(baseDate).endOf("month");
+      const startDate = dayjs(startOfMonth).startOf("week");
+      const endDate = dayjs(endOfMonth).endOf("week");
       const days = [];
       let currentDate = startDate;
 
       while (currentDate.isBefore(endDate) || currentDate.isSame(endDate)) {
-        days.push(currentDate);
-        currentDate = currentDate.add(1, "day");
+        days.push(dayjs(currentDate));
+        currentDate = dayjs(currentDate).add(1, "day");
       }
 
       return days;
@@ -147,14 +146,14 @@ const DatePicker = React.forwardRef(
 
     const handlePrevMonth = () => {
       const newDate = selectedDate
-        ? selectedDate.subtract(1, "month")
+        ? dayjs(selectedDate).subtract(1, "month")
         : dayjs().subtract(1, "month");
       setSelectedDate(newDate);
     };
 
     const handleNextMonth = () => {
       const newDate = selectedDate
-        ? selectedDate.add(1, "month")
+        ? dayjs(selectedDate).add(1, "month")
         : dayjs().add(1, "month");
       setSelectedDate(newDate);
     };
@@ -265,7 +264,7 @@ const DatePicker = React.forwardRef(
                   if (viewMode === "year") {
                     setSelectedDate(
                       selectedDate
-                        ? selectedDate.subtract(10, "year")
+                        ? dayjs(selectedDate).subtract(10, "year")
                         : dayjs().subtract(10, "year")
                     );
                   } else {
@@ -351,7 +350,7 @@ const DatePicker = React.forwardRef(
                           type="button"
                           onClick={() => {
                             const newDate = selectedDate
-                              ? selectedDate.year(year)
+                              ? dayjs(selectedDate).year(year)
                               : dayjs().year(year).month(currentMonth);
                             setSelectedDate(newDate);
                             setShowYearPicker(false);
@@ -389,7 +388,7 @@ const DatePicker = React.forwardRef(
                   if (viewMode === "year") {
                     setSelectedDate(
                       selectedDate
-                        ? selectedDate.add(10, "year")
+                        ? dayjs(selectedDate).add(10, "year")
                         : dayjs().add(10, "year")
                     );
                   } else {
@@ -498,7 +497,7 @@ const DatePicker = React.forwardRef(
                       type="button"
                       onClick={() => {
                         const newDate = selectedDate
-                          ? selectedDate.month(monthIndex)
+                          ? dayjs(selectedDate).month(monthIndex)
                           : dayjs().month(monthIndex).year(currentYear);
                         setSelectedDate(newDate);
                         setViewMode("month");