@eintrek/erp-theme 1.4.9 → 1.4.10

package/dist/index.esm.js

@@ -213,133 +213,192 @@ function BreadcrumbSeparator({ children, className, ...props }) {
     return (jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn$1("[&>svg]:size-3.5", className), ...props, children: children ?? jsx(ChevronRight, {}) }));
 }
 
-function Calendar({ className, selected, onSelect, mode = "single", disabled, }) {
-    const [currentMonth, setCurrentMonth] = React.useState(new Date());
-    const today = new Date();
-    const year = currentMonth.getFullYear();
-    const month = currentMonth.getMonth();
-    const firstDayOfMonth = new Date(year, month, 1);
-    const lastDayOfMonth = new Date(year, month + 1, 0);
-    const firstDayOfWeek = firstDayOfMonth.getDay();
-    const daysInMonth = lastDayOfMonth.getDate();
-    const weekDays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-    const getDaysInMonth = () => {
-        const days = [];
-        // Add empty cells for days before the first day of the month
-        for (let i = 0; i < firstDayOfWeek; i++) {
-            days.push(null);
-        }
-        // Add days of the month
-        for (let day = 1; day <= daysInMonth; day++) {
-            days.push(new Date(year, month, day));
-        }
-        return days;
-    };
-    const isSelected = (date) => {
-        if (!selected)
-            return false;
-        if (mode === "single" && selected instanceof Date) {
-            return date.toDateString() === selected.toDateString();
-        }
-        if (mode === "range" && selected && typeof selected === "object" && "from" in selected) {
-            const range = selected;
-            if (range.from && range.to) {
-                return date >= range.from && date <= range.to;
-            }
-            if (range.from) {
-                return date.toDateString() === range.from.toDateString();
-            }
-        }
-        if (mode === "multiple" && Array.isArray(selected)) {
-            return selected.some(d => d.toDateString() === date.toDateString());
-        }
-        return false;
-    };
-    const isToday = (date) => {
-        return date.toDateString() === today.toDateString();
-    };
-    const isDisabled = (date) => {
-        if (disabled)
-            return disabled(date);
-        return false;
-    };
-    const handleDateClick = (date) => {
-        if (isDisabled(date))
-            return;
-        if (mode === "single") {
-            onSelect?.(date);
-        }
-        else if (mode === "range") {
-            // Simple range selection - click to set start, click again to set end
-            if (!selected || typeof selected !== "object" || !("from" in selected)) {
-                onSelect?.({ from: date, to: undefined });
-            }
-            else {
-                const range = selected;
-                if (!range.from) {
-                    onSelect?.({ from: date, to: undefined });
-                }
-                else if (!range.to) {
-                    if (date >= range.from) {
-                        onSelect?.({ from: range.from, to: date });
-                    }
-                    else {
-                        onSelect?.({ from: date, to: range.from });
-                    }
-                }
-                else {
-                    onSelect?.({ from: date, to: undefined });
-                }
-            }
-        }
-        else if (mode === "multiple") {
-            const currentSelection = Array.isArray(selected) ? selected : [];
-            const isAlreadySelected = currentSelection.some(d => d.toDateString() === date.toDateString());
-            if (isAlreadySelected) {
-                onSelect?.(currentSelection.filter(d => d.toDateString() !== date.toDateString()));
-            }
-            else {
-                onSelect?.([...currentSelection, date]);
-            }
-        }
-    };
-    const navigateMonth = (direction) => {
-        setCurrentMonth(prev => {
-            const newMonth = new Date(prev);
-            if (direction === "prev") {
-                newMonth.setMonth(prev.getMonth() - 1);
-            }
-            else {
-                newMonth.setMonth(prev.getMonth() + 1);
-            }
-            return newMonth;
-        });
-    };
-    const days = getDaysInMonth();
-    return (jsxs("div", { "data-slot": "calendar", className: cn$1("bg-background group/calendar p-3 w-fit", className), children: [jsxs("div", { className: "flex items-center justify-between mb-4", children: [jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigateMonth("prev"), className: "h-8 w-8 p-0", children: jsx(ChevronLeftIcon, { className: "h-4 w-4" }) }), jsx("div", { className: "text-sm font-medium", children: currentMonth.toLocaleDateString("default", { month: "long", year: "numeric" }) }), jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigateMonth("next"), className: "h-8 w-8 p-0", children: jsx(ChevronRightIcon, { className: "h-4 w-4" }) })] }), jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: weekDays.map((day) => (jsx("div", { className: "text-muted-foreground text-xs font-normal text-center h-8 flex items-center justify-center", children: day }, day))) }), jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => {
-                    if (!date) {
-                        return jsx("div", { className: "h-8" }, index);
-                    }
-                    const isDateSelected = isSelected(date);
-                    const isDateToday = isToday(date);
-                    const isDateDisabled = isDisabled(date);
-                    return (jsx(Button, { variant: "ghost", size: "icon", className: cn$1("h-8 w-8 p-0 text-sm font-normal", isDateSelected && "bg-primary text-primary-foreground", isDateToday && !isDateSelected && "bg-accent text-accent-foreground", isDateDisabled && "opacity-50 cursor-not-allowed", "hover:bg-accent hover:text-accent-foreground"), onClick: () => handleDateClick(date), disabled: isDateDisabled, children: date.getDate() }, date.toISOString()));
-                }) })] }));
+/**
+ * @module constants
+ * @summary Useful constants
+ * @description
+ * Collection of useful date constants.
+ *
+ * The constants could be imported from `date-fns/constants`:
+ *
+ * ```ts
+ * import { maxTime, minTime } from "./constants/date-fns/constants";
+ *
+ * function isAllowedTime(time) {
+ *   return time <= maxTime && time >= minTime;
+ * }
+ * ```
+ */
+
+
+/**
+ * @constant
+ * @name constructFromSymbol
+ * @summary Symbol enabling Date extensions to inherit properties from the reference date.
+ *
+ * The symbol is used to enable the `constructFrom` function to construct a date
+ * using a reference date and a value. It allows to transfer extra properties
+ * from the reference date to the new date. It's useful for extensions like
+ * [`TZDate`](https://github.com/date-fns/tz) that accept a time zone as
+ * a constructor argument.
+ */
+const constructFromSymbol = Symbol.for("constructDateFrom");
+
+/**
+ * @name constructFrom
+ * @category Generic Helpers
+ * @summary Constructs a date using the reference date and the value
+ *
+ * @description
+ * The function constructs a new date using the constructor from the reference
+ * date and the given value. It helps to build generic functions that accept
+ * date extensions.
+ *
+ * It defaults to `Date` if the passed reference date is a number or a string.
+ *
+ * Starting from v3.7.0, it allows to construct a date using `[Symbol.for("constructDateFrom")]`
+ * enabling to transfer extra properties from the reference date to the new date.
+ * It's useful for extensions like [`TZDate`](https://github.com/date-fns/tz)
+ * that accept a time zone as a constructor argument.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The reference date to take constructor from
+ * @param value - The value to create the date
+ *
+ * @returns Date initialized using the given date and value
+ *
+ * @example
+ * import { constructFrom } from "./constructFrom/date-fns";
+ *
+ * // A function that clones a date preserving the original type
+ * function cloneDate<DateType extends Date>(date: DateType): DateType {
+ *   return constructFrom(
+ *     date, // Use constructor from the given date
+ *     date.getTime() // Use the date value to create a new date
+ *   );
+ * }
+ */
+function constructFrom(date, value) {
+  if (typeof date === "function") return date(value);
+
+  if (date && typeof date === "object" && constructFromSymbol in date)
+    return date[constructFromSymbol](value);
+
+  if (date instanceof Date) return new date.constructor(value);
+
+  return new Date(value);
 }
-function DateInput({ value, onChange, placeholder = "Select date", className, disabled = false }) {
-    const handleChange = (event) => {
-        const dateValue = event.target.value;
-        if (dateValue) {
-            onChange?.(new Date(dateValue));
-        }
-        else {
-            onChange?.(undefined);
-        }
-    };
-    const formatDateForInput = (date) => {
-        return date.toISOString().split('T')[0];
-    };
-    return (jsx("input", { type: "date", value: value ? formatDateForInput(value) : "", onChange: handleChange, placeholder: placeholder, disabled: disabled, className: cn$1("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className) }));
+
+/**
+ * @name toDate
+ * @category Common Helpers
+ * @summary Convert the given argument to an instance of Date.
+ *
+ * @description
+ * Convert the given argument to an instance of Date.
+ *
+ * If the argument is an instance of Date, the function returns its clone.
+ *
+ * If the argument is a number, it is treated as a timestamp.
+ *
+ * If the argument is none of the above, the function returns Invalid Date.
+ *
+ * Starting from v3.7.0, it clones a date using `[Symbol.for("constructDateFrom")]`
+ * enabling to transfer extra properties from the reference date to the new date.
+ * It's useful for extensions like [`TZDate`](https://github.com/date-fns/tz)
+ * that accept a time zone as a constructor argument.
+ *
+ * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param argument - The value to convert
+ *
+ * @returns The parsed date in the local time zone
+ *
+ * @example
+ * // Clone the date:
+ * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
+ * //=> Tue Feb 11 2014 11:30:30
+ *
+ * @example
+ * // Convert the timestamp to date:
+ * const result = toDate(1392098430000)
+ * //=> Tue Feb 11 2014 11:30:30
+ */
+function toDate(argument, context) {
+  // [TODO] Get rid of `toDate` or `constructFrom`?
+  return constructFrom(argument, argument);
+}
+
+/**
+ * The {@link endOfMonth} function options.
+ */
+
+/**
+ * @name endOfMonth
+ * @category Month Helpers
+ * @summary Return the end of a month for the given date.
+ *
+ * @description
+ * Return the end of a month for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The end of a month
+ *
+ * @example
+ * // The end of a month for 2 September 2014 11:55:00:
+ * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Tue Sep 30 2014 23:59:59.999
+ */
+function endOfMonth(date, options) {
+  const _date = toDate(date);
+  const month = _date.getMonth();
+  _date.setFullYear(_date.getFullYear(), month + 1, 0);
+  _date.setHours(23, 59, 59, 999);
+  return _date;
+}
+
+/**
+ * The {@link startOfMonth} function options.
+ */
+
+/**
+ * @name startOfMonth
+ * @category Month Helpers
+ * @summary Return the start of a month for the given date.
+ *
+ * @description
+ * Return the start of a month for the given date. The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments.
+ * Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed,
+ * or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The start of a month
+ *
+ * @example
+ * // The start of a month for 2 September 2014 11:55:00:
+ * const result = startOfMonth(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Mon Sep 01 2014 00:00:00
+ */
+function startOfMonth(date, options) {
+  const _date = toDate(date);
+  _date.setDate(1);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
 }
 
 function buildFormatLongFn(args) {
@@ -494,123 +553,241 @@ function buildMatchPatternFn(args) {
 }
 
 /**
- * @module constants
- * @summary Useful constants
- * @description
- * Collection of useful date constants.
- *
- * The constants could be imported from `date-fns/constants`:
- *
- * ```ts
- * import { maxTime, minTime } from "./constants/date-fns/constants";
- *
- * function isAllowedTime(time) {
- *   return time <= maxTime && time >= minTime;
- * }
- * ```
+ * Thai month names in Buddhist calendar
  */
-
-
+const THAI_MONTH_NAMES = [
+    "มกราคม",
+    "กุมภาพันธ์",
+    "มีนาคม",
+    "เมษายน",
+    "พฤษภาคม",
+    "มิถุนายน",
+    "กรกฎาคม",
+    "สิงหาคม",
+    "กันยายน",
+    "ตุลาคม",
+    "พฤศจิกายน",
+    "ธันวาคม",
+];
 /**
- * @constant
- * @name constructFromSymbol
- * @summary Symbol enabling Date extensions to inherit properties from the reference date.
+ * Convert Gregorian year to Buddhist year
+ * Buddhist calendar is 543 years ahead of Gregorian calendar
  *
- * The symbol is used to enable the `constructFrom` function to construct a date
- * using a reference date and a value. It allows to transfer extra properties
- * from the reference date to the new date. It's useful for extensions like
- * [`TZDate`](https://github.com/date-fns/tz) that accept a time zone as
- * a constructor argument.
+ * @param gregorianYear - The Gregorian year (e.g., 2024)
+ * @returns The Buddhist year (e.g., 2567)
+ *
+ * @example
+ * toBuddhistYear(2024); // returns 2567
  */
-const constructFromSymbol = Symbol.for("constructDateFrom");
-
+function toBuddhistYear(gregorianYear) {
+    return gregorianYear + 543;
+}
 /**
- * @name constructFrom
- * @category Generic Helpers
- * @summary Constructs a date using the reference date and the value
- *
- * @description
- * The function constructs a new date using the constructor from the reference
- * date and the given value. It helps to build generic functions that accept
- * date extensions.
- *
- * It defaults to `Date` if the passed reference date is a number or a string.
- *
- * Starting from v3.7.0, it allows to construct a date using `[Symbol.for("constructDateFrom")]`
- * enabling to transfer extra properties from the reference date to the new date.
- * It's useful for extensions like [`TZDate`](https://github.com/date-fns/tz)
- * that accept a time zone as a constructor argument.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The reference date to take constructor from
- * @param value - The value to create the date
+ * Convert Buddhist year to Gregorian year
  *
- * @returns Date initialized using the given date and value
+ * @param buddhistYear - The Buddhist year (e.g., 2567)
+ * @returns The Gregorian year (e.g., 2024)
  *
  * @example
- * import { constructFrom } from "./constructFrom/date-fns";
- *
- * // A function that clones a date preserving the original type
- * function cloneDate<DateType extends Date>(date: DateType): DateType {
- *   return constructFrom(
- *     date, // Use constructor from the given date
- *     date.getTime() // Use the date value to create a new date
- *   );
- * }
+ * toGregorianYear(2567); // returns 2024
  */
-function constructFrom(date, value) {
-  if (typeof date === "function") return date(value);
-
-  if (date && typeof date === "object" && constructFromSymbol in date)
-    return date[constructFromSymbol](value);
-
-  if (date instanceof Date) return new date.constructor(value);
-
-  return new Date(value);
+function toGregorianYear(buddhistYear) {
+    return buddhistYear - 543;
 }
-
 /**
- * @name toDate
- * @category Common Helpers
- * @summary Convert the given argument to an instance of Date.
- *
- * @description
- * Convert the given argument to an instance of Date.
- *
- * If the argument is an instance of Date, the function returns its clone.
- *
- * If the argument is a number, it is treated as a timestamp.
- *
- * If the argument is none of the above, the function returns Invalid Date.
+ * Get the first and last day of a month
  *
- * Starting from v3.7.0, it clones a date using `[Symbol.for("constructDateFrom")]`
- * enabling to transfer extra properties from the reference date to the new date.
- * It's useful for extensions like [`TZDate`](https://github.com/date-fns/tz)
- * that accept a time zone as a constructor argument.
+ * @param date - The date within the month
+ * @returns Object with start and end dates of the month
  *
- * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
+ * @example
+ * getMonthDateRange(new Date('2024-06-15'));
+ * // returns { start: Date('2024-06-01'), end: Date('2024-06-30') }
+ */
+function getMonthDateRange(date) {
+    const start = startOfMonth(date);
+    const end = endOfMonth(date);
+    return { start, end };
+}
+/**
+ * Format a date to Thai Buddhist calendar month display
  *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ * @param date - The date to format
+ * @returns Formatted string in Thai Buddhist calendar (e.g., "มกราคม 2568")
  *
- * @param argument - The value to convert
+ * @example
+ * formatThaiMonth(new Date('2024-01-15')); // returns "มกราคม 2567"
+ * formatThaiMonth(new Date('2024-12-25')); // returns "ธันวาคม 2567"
+ */
+function formatThaiMonth(date) {
+    const monthIndex = date.getMonth();
+    const gregorianYear = date.getFullYear();
+    const buddhistYear = toBuddhistYear(gregorianYear);
+    return `${THAI_MONTH_NAMES[monthIndex]} ${buddhistYear}`;
+}
+/**
+ * Format a date to short Thai Buddhist calendar format
  *
- * @returns The parsed date in the local time zone
+ * @param date - The date to format
+ * @returns Formatted string (e.g., "01/2568")
  *
  * @example
- * // Clone the date:
- * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
- * //=> Tue Feb 11 2014 11:30:30
+ * formatThaiMonthShort(new Date('2024-01-15')); // returns "01/2567"
+ */
+function formatThaiMonthShort(date) {
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const gregorianYear = date.getFullYear();
+    const buddhistYear = toBuddhistYear(gregorianYear);
+    return `${month}/${buddhistYear}`;
+}
+/**
+ * Get Thai month name by index (0-11)
+ *
+ * @param monthIndex - Month index (0 = January, 11 = December)
+ * @returns Thai month name
  *
  * @example
- * // Convert the timestamp to date:
- * const result = toDate(1392098430000)
- * //=> Tue Feb 11 2014 11:30:30
+ * getThaiMonthName(0); // returns "มกราคม"
+ * getThaiMonthName(11); // returns "ธันวาคม"
  */
-function toDate(argument, context) {
-  // [TODO] Get rid of `toDate` or `constructFrom`?
-  return constructFrom(argument, argument);
+function getThaiMonthName(monthIndex) {
+    if (monthIndex < 0 || monthIndex > 11) {
+        throw new Error("Month index must be between 0 and 11");
+    }
+    return THAI_MONTH_NAMES[monthIndex];
+}
+
+/** Thai weekday abbreviations (Sunday-first, matching JS getDay()). */
+const WEEK_DAYS_TH = ["อา.", "จ.", "อ.", "พ.", "พฤ.", "ศ.", "ส."];
+function formatMonthCaption(date) {
+    return `${THAI_MONTH_NAMES[date.getMonth()]} ${toBuddhistYear(date.getFullYear())}`;
+}
+function Calendar({ className, selected, onSelect, mode = "single", disabled, }) {
+    const [currentMonth, setCurrentMonth] = React.useState(new Date());
+    const today = new Date();
+    const year = currentMonth.getFullYear();
+    const month = currentMonth.getMonth();
+    const firstDayOfMonth = new Date(year, month, 1);
+    const lastDayOfMonth = new Date(year, month + 1, 0);
+    const firstDayOfWeek = firstDayOfMonth.getDay();
+    const daysInMonth = lastDayOfMonth.getDate();
+    const getDaysInMonth = () => {
+        const days = [];
+        // Add empty cells for days before the first day of the month
+        for (let i = 0; i < firstDayOfWeek; i++) {
+            days.push(null);
+        }
+        // Add days of the month
+        for (let day = 1; day <= daysInMonth; day++) {
+            days.push(new Date(year, month, day));
+        }
+        return days;
+    };
+    const isSelected = (date) => {
+        if (!selected)
+            return false;
+        if (mode === "single" && selected instanceof Date) {
+            return date.toDateString() === selected.toDateString();
+        }
+        if (mode === "range" && selected && typeof selected === "object" && "from" in selected) {
+            const range = selected;
+            if (range.from && range.to) {
+                return date >= range.from && date <= range.to;
+            }
+            if (range.from) {
+                return date.toDateString() === range.from.toDateString();
+            }
+        }
+        if (mode === "multiple" && Array.isArray(selected)) {
+            return selected.some(d => d.toDateString() === date.toDateString());
+        }
+        return false;
+    };
+    const isToday = (date) => {
+        return date.toDateString() === today.toDateString();
+    };
+    const isDisabled = (date) => {
+        if (disabled)
+            return disabled(date);
+        return false;
+    };
+    const handleDateClick = (date) => {
+        if (isDisabled(date))
+            return;
+        if (mode === "single") {
+            onSelect?.(date);
+        }
+        else if (mode === "range") {
+            // Simple range selection - click to set start, click again to set end
+            if (!selected || typeof selected !== "object" || !("from" in selected)) {
+                onSelect?.({ from: date, to: undefined });
+            }
+            else {
+                const range = selected;
+                if (!range.from) {
+                    onSelect?.({ from: date, to: undefined });
+                }
+                else if (!range.to) {
+                    if (date >= range.from) {
+                        onSelect?.({ from: range.from, to: date });
+                    }
+                    else {
+                        onSelect?.({ from: date, to: range.from });
+                    }
+                }
+                else {
+                    onSelect?.({ from: date, to: undefined });
+                }
+            }
+        }
+        else if (mode === "multiple") {
+            const currentSelection = Array.isArray(selected) ? selected : [];
+            const isAlreadySelected = currentSelection.some(d => d.toDateString() === date.toDateString());
+            if (isAlreadySelected) {
+                onSelect?.(currentSelection.filter(d => d.toDateString() !== date.toDateString()));
+            }
+            else {
+                onSelect?.([...currentSelection, date]);
+            }
+        }
+    };
+    const navigateMonth = (direction) => {
+        setCurrentMonth(prev => {
+            const newMonth = new Date(prev);
+            if (direction === "prev") {
+                newMonth.setMonth(prev.getMonth() - 1);
+            }
+            else {
+                newMonth.setMonth(prev.getMonth() + 1);
+            }
+            return newMonth;
+        });
+    };
+    const days = getDaysInMonth();
+    return (jsxs("div", { "data-slot": "calendar", className: cn$1("bg-background group/calendar p-3 w-fit", className), children: [jsxs("div", { className: "flex items-center justify-between mb-4", children: [jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigateMonth("prev"), className: "h-8 w-8 p-0", children: jsx(ChevronLeftIcon, { className: "h-4 w-4" }) }), jsx("div", { className: "text-sm font-medium", children: formatMonthCaption(currentMonth) }), jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigateMonth("next"), className: "h-8 w-8 p-0", children: jsx(ChevronRightIcon, { className: "h-4 w-4" }) })] }), jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: WEEK_DAYS_TH.map((day) => (jsx("div", { className: "text-muted-foreground text-xs font-normal text-center h-8 flex items-center justify-center", children: day }, day))) }), jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => {
+                    if (!date) {
+                        return jsx("div", { className: "h-8" }, index);
+                    }
+                    const isDateSelected = isSelected(date);
+                    const isDateToday = isToday(date);
+                    const isDateDisabled = isDisabled(date);
+                    return (jsx(Button, { variant: "ghost", size: "icon", className: cn$1("h-8 w-8 p-0 text-sm font-normal", isDateSelected && "bg-primary text-primary-foreground", isDateToday && !isDateSelected && "bg-accent text-accent-foreground", isDateDisabled && "opacity-50 cursor-not-allowed", "hover:bg-accent hover:text-accent-foreground"), onClick: () => handleDateClick(date), disabled: isDateDisabled, children: date.getDate() }, date.toISOString()));
+                }) })] }));
+}
+function DateInput({ value, onChange, placeholder = "Select date", className, disabled = false }) {
+    const handleChange = (event) => {
+        const dateValue = event.target.value;
+        if (dateValue) {
+            onChange?.(new Date(dateValue));
+        }
+        else {
+            onChange?.(undefined);
+        }
+    };
+    const formatDateForInput = (date) => {
+        return date.toISOString().split('T')[0];
+    };
+    return (jsx("input", { type: "date", value: value ? formatDateForInput(value) : "", onChange: handleChange, placeholder: placeholder, disabled: disabled, className: cn$1("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className) }));
 }
 
 const formatDistanceLocale = {
@@ -34387,179 +34564,6 @@ const RegistryItemRow = ({ item }) => {
     return (jsxs(TableRow, { children: [jsx(TableCell, { className: "w-50 font-medium", children: item.title }), jsx(TableCell, { children: jsx(Button, { variant: "link", asChild: true, children: jsx("a", { target: "_blank", href: `${getBaseUrl()}/registry/${item.name}`, children: "Link" }) }) }), jsx(TableCell, { children: jsx(Button, { variant: "link", asChild: true, children: jsx("a", { href: `${getBaseUrl()}/storybook/?path=/docs/${item.meta.story}--docs`, children: "Story" }) }) }), jsx(TableCell, { children: jsx(CommandBlock, { command: `npx shadcn@latest add ${getBaseUrl()}/registry/${item.name}` }) })] }, item.name));
 };
 
-/**
- * The {@link endOfMonth} function options.
- */
-
-/**
- * @name endOfMonth
- * @category Month Helpers
- * @summary Return the end of a month for the given date.
- *
- * @description
- * Return the end of a month for the given date.
- * The result will be in the local timezone.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
- *
- * @param date - The original date
- * @param options - An object with options
- *
- * @returns The end of a month
- *
- * @example
- * // The end of a month for 2 September 2014 11:55:00:
- * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))
- * //=> Tue Sep 30 2014 23:59:59.999
- */
-function endOfMonth(date, options) {
-  const _date = toDate(date);
-  const month = _date.getMonth();
-  _date.setFullYear(_date.getFullYear(), month + 1, 0);
-  _date.setHours(23, 59, 59, 999);
-  return _date;
-}
-
-/**
- * The {@link startOfMonth} function options.
- */
-
-/**
- * @name startOfMonth
- * @category Month Helpers
- * @summary Return the start of a month for the given date.
- *
- * @description
- * Return the start of a month for the given date. The result will be in the local timezone.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments.
- * Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed,
- * or inferred from the arguments.
- *
- * @param date - The original date
- * @param options - An object with options
- *
- * @returns The start of a month
- *
- * @example
- * // The start of a month for 2 September 2014 11:55:00:
- * const result = startOfMonth(new Date(2014, 8, 2, 11, 55, 0))
- * //=> Mon Sep 01 2014 00:00:00
- */
-function startOfMonth(date, options) {
-  const _date = toDate(date);
-  _date.setDate(1);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-/**
- * Thai month names in Buddhist calendar
- */
-const THAI_MONTH_NAMES = [
-    "มกราคม",
-    "กุมภาพันธ์",
-    "มีนาคม",
-    "เมษายน",
-    "พฤษภาคม",
-    "มิถุนายน",
-    "กรกฎาคม",
-    "สิงหาคม",
-    "กันยายน",
-    "ตุลาคม",
-    "พฤศจิกายน",
-    "ธันวาคม",
-];
-/**
- * Convert Gregorian year to Buddhist year
- * Buddhist calendar is 543 years ahead of Gregorian calendar
- *
- * @param gregorianYear - The Gregorian year (e.g., 2024)
- * @returns The Buddhist year (e.g., 2567)
- *
- * @example
- * toBuddhistYear(2024); // returns 2567
- */
-function toBuddhistYear(gregorianYear) {
-    return gregorianYear + 543;
-}
-/**
- * Convert Buddhist year to Gregorian year
- *
- * @param buddhistYear - The Buddhist year (e.g., 2567)
- * @returns The Gregorian year (e.g., 2024)
- *
- * @example
- * toGregorianYear(2567); // returns 2024
- */
-function toGregorianYear(buddhistYear) {
-    return buddhistYear - 543;
-}
-/**
- * Get the first and last day of a month
- *
- * @param date - The date within the month
- * @returns Object with start and end dates of the month
- *
- * @example
- * getMonthDateRange(new Date('2024-06-15'));
- * // returns { start: Date('2024-06-01'), end: Date('2024-06-30') }
- */
-function getMonthDateRange(date) {
-    const start = startOfMonth(date);
-    const end = endOfMonth(date);
-    return { start, end };
-}
-/**
- * Format a date to Thai Buddhist calendar month display
- *
- * @param date - The date to format
- * @returns Formatted string in Thai Buddhist calendar (e.g., "มกราคม 2568")
- *
- * @example
- * formatThaiMonth(new Date('2024-01-15')); // returns "มกราคม 2567"
- * formatThaiMonth(new Date('2024-12-25')); // returns "ธันวาคม 2567"
- */
-function formatThaiMonth(date) {
-    const monthIndex = date.getMonth();
-    const gregorianYear = date.getFullYear();
-    const buddhistYear = toBuddhistYear(gregorianYear);
-    return `${THAI_MONTH_NAMES[monthIndex]} ${buddhistYear}`;
-}
-/**
- * Format a date to short Thai Buddhist calendar format
- *
- * @param date - The date to format
- * @returns Formatted string (e.g., "01/2568")
- *
- * @example
- * formatThaiMonthShort(new Date('2024-01-15')); // returns "01/2567"
- */
-function formatThaiMonthShort(date) {
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const gregorianYear = date.getFullYear();
-    const buddhistYear = toBuddhistYear(gregorianYear);
-    return `${month}/${buddhistYear}`;
-}
-/**
- * Get Thai month name by index (0-11)
- *
- * @param monthIndex - Month index (0 = January, 11 = December)
- * @returns Thai month name
- *
- * @example
- * getThaiMonthName(0); // returns "มกราคม"
- * getThaiMonthName(11); // returns "ธันวาคม"
- */
-function getThaiMonthName(monthIndex) {
-    if (monthIndex < 0 || monthIndex > 11) {
-        throw new Error("Month index must be between 0 and 11");
-    }
-    return THAI_MONTH_NAMES[monthIndex];
-}
-
 /**
  * Convert a number to its Thai baht textual representation
  * (e.g. 1234.50 → "หนึ่งพันสองร้อยสามสิบสี่บาทห้าสิบสตางค์").