@ostack.tech/ui 0.11.2 → 0.11.3

package/dist/ostack-ui.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { forwardRef, createContext, useContext, useCallback, useRef, useEffect, useId, useMemo, useState, memo, Fragment as Fragment$1, isValidElement, cloneElement, Children, useImperativeHandle, startTransition, useLayoutEffect as useLayoutEffect$2, useSyncExternalStore, useDeferredValue } from "react";
 import { parseKeybinding, tinykeys } from "tinykeys";
 import fromExponential from "from-exponential";
-import { isValid, isDate, addMonths, isAfter, isBefore, startOfMonth, setMonth, getYear, setYear, startOfYear, format, isSameYear, getMonth, max, min, endOfMonth, isWithinInterval, lastDayOfMonth, isSameDay, isEqual, parseISO, parse } from "date-fns";
+import { isValid, isDate, addMonths, isBefore, startOfMonth, isAfter, setMonth, setYear, startOfYear, format, max, min, endOfMonth, isWithinInterval, lastDayOfMonth, isSameDay, isEqual, parseISO, parse } from "date-fns";
 import { createStore, useStore as useStore$1, create } from "zustand";
 import { shallow } from "zustand/shallow";
 import { numericFormatter, removeNumericFormat, NumericFormat } from "react-number-format";
@@ -8761,12 +8761,12 @@ const CalendarHeader = memo(function CalendarHeader2({
     months[0].date,
     pagedNavigation ? -months.length : -1
   );
-  const allowsPrevMonth = minAllowedDate == null || isAfter(prevMonth, minAllowedDate);
+  const allowsPrevMonth = minAllowedDate == null || !isBefore(prevMonth, startOfMonth(minAllowedDate));
   const nextMonth = addMonths(
     months[0].date,
     pagedNavigation ? months.length : 1
   );
-  const allowsNextMonth = maxAllowedDate == null || isBefore(nextMonth, maxAllowedDate);
+  const allowsNextMonth = maxAllowedDate == null || !isAfter(nextMonth, startOfMonth(maxAllowedDate));
   const handlePrevClick = useCallback(() => {
     if (allowsPrevMonth) {
       goToMonth(prevMonth);
@@ -8787,11 +8787,11 @@ const CalendarHeader = memo(function CalendarHeader2({
     }
     return months2;
   }, []);
-  const displayYear = getYear(displayDate);
-  const curYear = getYear(/* @__PURE__ */ new Date());
+  const displayYear = displayDate.getFullYear();
+  const curYear = (/* @__PURE__ */ new Date()).getFullYear();
   const nearestCentury = curYear + 50 - (curYear + 50) % 100;
-  const minYear = minAllowedDate ? getYear(minAllowedDate) : Math.min(displayYear, nearestCentury - 100);
-  const maxYear = maxAllowedDate ? getYear(maxAllowedDate) : Math.max(displayYear, nearestCentury + 99);
+  const minYear = minAllowedDate ? minAllowedDate.getFullYear() : Math.min(displayYear, nearestCentury - 100);
+  const maxYear = maxAllowedDate ? maxAllowedDate.getFullYear() : Math.max(displayYear, nearestCentury + 99);
   const yearDates = useMemo(() => {
     const years = [];
     if (displayYear < minYear) {
@@ -8873,23 +8873,25 @@ const CalendarHeader = memo(function CalendarHeader2({
       })
     }
   );
-  const monthOptions = useMemo(
-    () => monthDates.map((monthDate) => {
+  const monthOptions = useMemo(() => {
+    const minMonth = minAllowedDate?.getMonth();
+    const maxMonth = maxAllowedDate?.getMonth();
+    return monthDates.map((monthDate) => {
+      const month = monthDate.getMonth();
       return /* @__PURE__ */ jsx(
         Option,
         {
-          value: getMonth(monthDate),
-          disabled: minAllowedDate && maxAllowedDate && isSameYear(minAllowedDate, maxAllowedDate) && (getMonth(monthDate) < getMonth(minAllowedDate) || getMonth(monthDate) > getMonth(maxAllowedDate)),
+          value: month,
+          disabled: minAllowedDate && minAllowedDate.getFullYear() === maxAllowedDate?.getFullYear() && (month < minMonth || month > maxMonth),
           children: format(monthDate, MONTH_FORMAT, { locale: locale7 })
         },
-        getMonth(monthDate)
+        month
       );
-    }),
-    [locale7, maxAllowedDate, minAllowedDate, monthDates]
-  );
+    });
+  }, [locale7, maxAllowedDate, minAllowedDate, monthDates]);
   const yearOptions = useMemo(
     () => yearDates.map((yearDate) => {
-      const year = getYear(yearDate);
+      const year = yearDate.getFullYear();
       return /* @__PURE__ */ jsx(
         Option,
         {
@@ -8927,7 +8929,7 @@ const CalendarHeader = memo(function CalendarHeader2({
                   monthSelectProps?.onValueChange,
                   handleMonthChange
                 ),
-                value: getMonth(displayDate),
+                value: displayDate.getMonth(),
                 children: monthOptions
               }
             ),
@@ -8945,7 +8947,7 @@ const CalendarHeader = memo(function CalendarHeader2({
                   yearSelectProps?.onValueChange,
                   handleYearChange
                 ),
-                value: getYear(displayDate),
+                value: displayDate.getFullYear(),
                 children: yearOptions
               }
             )