@ceed/ads 0.0.52 → 0.0.53

package/dist/components/Calendar/hooks/use-calendar-props.d.ts

@@ -11,6 +11,10 @@ export declare const useCalendarProps: (inProps: CalendarProps) => readonly [{
     views: View[];
     slots?: Partial<Record<import("../types").CalendarSlot, React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | undefined;
     rangeSelection?: boolean | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    disableFuture?: boolean | undefined;
+    disablePast?: boolean | undefined;
 }, {
     viewMonth: Date;
     direction: number;
@@ -24,4 +28,8 @@ export declare const useCalendarProps: (inProps: CalendarProps) => readonly [{
     views: View[];
     slots?: Partial<Record<import("../types").CalendarSlot, React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | undefined;
     rangeSelection?: boolean | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    disableFuture?: boolean | undefined;
+    disablePast?: boolean | undefined;
 }];

package/dist/components/Calendar/hooks/use-calendar.d.ts

@@ -12,6 +12,7 @@ export declare const useCalendar: (ownerState: CalendarOwnerState) => {
         readonly isSelected: boolean | undefined;
         readonly onClick: () => void;
         readonly onMouseEnter: (() => void) | undefined;
+        readonly disabled: boolean | undefined;
         readonly tabIndex: -1;
         readonly "aria-label": string;
         readonly "aria-selected": "true" | undefined;
@@ -19,6 +20,7 @@ export declare const useCalendar: (ownerState: CalendarOwnerState) => {
     };
     getPickerMonthProps: (monthIndex: number) => {
         readonly isSelected: boolean | undefined;
+        readonly disabled: boolean | undefined;
         readonly onClick: () => void;
         readonly tabIndex: -1;
         readonly "aria-label": string;

package/dist/components/Calendar/types.d.ts

@@ -13,6 +13,10 @@ export interface CalendarProps {
     onMonthChange?: (newMonth: DateValue) => void;
     slots?: Partial<Record<CalendarSlot, React.ElementType>>;
     rangeSelection?: boolean;
+    minDate?: DateValue;
+    maxDate?: DateValue;
+    disableFuture?: boolean;
+    disablePast?: boolean;
 }
 export interface CalendarOwnerState extends CalendarProps {
     viewMonth: Date;

package/dist/index.js

@@ -440,6 +440,11 @@ var useCalendar = (ownerState) => {
           isSelected,
           onClick: handleDayClick,
           onMouseEnter: ownerState.rangeSelection && ownerState.value?.[0] && !ownerState.value?.[1] ? () => setHoverDay(thisDay) : void 0,
+          disabled: ownerState.minDate && thisDay < ownerState.minDate || ownerState.maxDate && thisDay > ownerState.maxDate || ownerState.disableFuture && thisDay > /* @__PURE__ */ new Date() || ownerState.disablePast && thisDay < (() => {
+            const today = /* @__PURE__ */ new Date();
+            today.setHours(0, 0, 0, 0);
+            return today;
+          })(),
           tabIndex: -1,
           "aria-label": thisDay.toLocaleDateString(),
           "aria-selected": isSelected ? "true" : void 0,
@@ -451,6 +456,10 @@ var useCalendar = (ownerState) => {
         ownerState.value,
         ownerState.viewMonth,
         ownerState.rangeSelection,
+        ownerState.minDate,
+        ownerState.maxDate,
+        ownerState.disableFuture,
+        ownerState.disablePast,
         hoverDay
       ]
     ),
@@ -467,6 +476,16 @@ var useCalendar = (ownerState) => {
         };
         return {
           isSelected,
+          disabled: ownerState.minDate && (() => {
+            const lastDay = new Date(thisMonth);
+            lastDay.setMonth(lastDay.getMonth() + 1);
+            lastDay.setDate(0);
+            return lastDay < ownerState.minDate;
+          })() || ownerState.maxDate && (() => {
+            const lastDay = new Date(thisMonth);
+            lastDay.setDate(0);
+            return lastDay > ownerState.maxDate;
+          })() || ownerState.disableFuture && thisMonth > /* @__PURE__ */ new Date() || ownerState.disablePast && thisMonth < /* @__PURE__ */ new Date(),
           onClick: handleMonthClick,
           tabIndex: -1,
           "aria-label": getMonthName(thisMonth, ownerState.locale || "default")
@@ -478,7 +497,11 @@ var useCalendar = (ownerState) => {
         ownerState.onChange,
         ownerState.viewMonth,
         ownerState.locale,
-        ownerState.value
+        ownerState.value,
+        ownerState.minDate,
+        ownerState.maxDate,
+        ownerState.disableFuture,
+        ownerState.disablePast
       ]
     )
   };
@@ -1407,7 +1430,7 @@ var MotionInput = motion10(JoyInput);
 var Input = (props) => {
   const { label, helperText, error, style, ...innerProps } = props;
   if (label) {
-    return /* @__PURE__ */ React11.createElement(FormControl, { error }, /* @__PURE__ */ React11.createElement(FormLabel, null, label), /* @__PURE__ */ React11.createElement(MotionInput, { color: error ? "danger" : innerProps.color, ...innerProps }), helperText && /* @__PURE__ */ React11.createElement(FormHelperText, null, helperText));
+    return /* @__PURE__ */ React11.createElement(FormControl, { error }, /* @__PURE__ */ React11.createElement(FormLabel, null, label), /* @__PURE__ */ React11.createElement(MotionInput, { ...innerProps, color: error ? "danger" : innerProps.color }), helperText && /* @__PURE__ */ React11.createElement(FormHelperText, null, helperText));
   }
   return /* @__PURE__ */ React11.createElement(MotionInput, { ...innerProps });
 };
@@ -1717,7 +1740,7 @@ var DateRangePicker = forwardRef5(
         setValue(event.target.value);
         onChange?.(event);
       },
-      []
+      [onChange]
     );
     const handleCalendarToggle = useCallback5(
       (event) => {
@@ -1974,7 +1997,7 @@ Option.displayName = "Option";
 function Select(props) {
   const { label, helperText, error, ...innerProps } = props;
   if (label) {
-    return /* @__PURE__ */ React20.createElement(FormControl, { error }, /* @__PURE__ */ React20.createElement(FormLabel, null, label), /* @__PURE__ */ React20.createElement(JoySelect, { color: error ? "danger" : innerProps.color, ...innerProps }), helperText && /* @__PURE__ */ React20.createElement(FormHelperText, null, helperText));
+    return /* @__PURE__ */ React20.createElement(FormControl, { error }, /* @__PURE__ */ React20.createElement(FormLabel, null, label), /* @__PURE__ */ React20.createElement(JoySelect, { ...innerProps, color: error ? "danger" : innerProps.color }), helperText && /* @__PURE__ */ React20.createElement(FormHelperText, null, helperText));
   }
   return /* @__PURE__ */ React20.createElement(JoySelect, { ...innerProps });
 }

package/framer/index.js

@@ -35856,6 +35856,11 @@ var useCalendar = (ownerState) => {
           isSelected,
           onClick: handleDayClick,
           onMouseEnter: ownerState.rangeSelection && ((_a = ownerState.value) == null ? void 0 : _a[0]) && !((_b = ownerState.value) == null ? void 0 : _b[1]) ? () => setHoverDay(thisDay) : void 0,
+          disabled: ownerState.minDate && thisDay < ownerState.minDate || ownerState.maxDate && thisDay > ownerState.maxDate || ownerState.disableFuture && thisDay > /* @__PURE__ */ new Date() || ownerState.disablePast && thisDay < (() => {
+            const today = /* @__PURE__ */ new Date();
+            today.setHours(0, 0, 0, 0);
+            return today;
+          })(),
           tabIndex: -1,
           "aria-label": thisDay.toLocaleDateString(),
           "aria-selected": isSelected ? "true" : void 0,
@@ -35867,6 +35872,10 @@ var useCalendar = (ownerState) => {
         ownerState.value,
         ownerState.viewMonth,
         ownerState.rangeSelection,
+        ownerState.minDate,
+        ownerState.maxDate,
+        ownerState.disableFuture,
+        ownerState.disablePast,
         hoverDay
       ]
     ),
@@ -35884,6 +35893,16 @@ var useCalendar = (ownerState) => {
         };
         return {
           isSelected,
+          disabled: ownerState.minDate && (() => {
+            const lastDay = new Date(thisMonth);
+            lastDay.setMonth(lastDay.getMonth() + 1);
+            lastDay.setDate(0);
+            return lastDay < ownerState.minDate;
+          })() || ownerState.maxDate && (() => {
+            const lastDay = new Date(thisMonth);
+            lastDay.setDate(0);
+            return lastDay > ownerState.maxDate;
+          })() || ownerState.disableFuture && thisMonth > /* @__PURE__ */ new Date() || ownerState.disablePast && thisMonth < /* @__PURE__ */ new Date(),
           onClick: handleMonthClick,
           tabIndex: -1,
           "aria-label": getMonthName(thisMonth, ownerState.locale || "default")
@@ -35895,7 +35914,11 @@ var useCalendar = (ownerState) => {
         ownerState.onChange,
         ownerState.viewMonth,
         ownerState.locale,
-        ownerState.value
+        ownerState.value,
+        ownerState.minDate,
+        ownerState.maxDate,
+        ownerState.disableFuture,
+        ownerState.disablePast
       ]
     )
   };
@@ -40512,7 +40535,7 @@ var Input3 = (props) => {
   if (label) {
     return /* @__PURE__ */ jsxs2(FormControl3, { error, children: [
       /* @__PURE__ */ jsx2(FormLabel3, { children: label }),
-      /* @__PURE__ */ jsx2(MotionInput, __spreadValues({ color: error ? "danger" : innerProps.color }, innerProps)),
+      /* @__PURE__ */ jsx2(MotionInput, __spreadProps(__spreadValues({}, innerProps), { color: error ? "danger" : innerProps.color })),
       helperText && /* @__PURE__ */ jsx2(FormHelperText3, { children: helperText })
     ] });
   }
@@ -40822,7 +40845,7 @@ var DateRangePicker = forwardRef85(
         setValue(event.target.value);
         onChange == null ? void 0 : onChange(event);
       },
-      []
+      [onChange]
     );
     const handleCalendarToggle = useCallback29(
       (event) => {
@@ -41064,7 +41087,7 @@ function Select3(props) {
   if (label) {
     return /* @__PURE__ */ jsxs2(FormControl3, { error, children: [
       /* @__PURE__ */ jsx2(FormLabel3, { children: label }),
-      /* @__PURE__ */ jsx2(Select_default, __spreadValues({ color: error ? "danger" : innerProps.color }, innerProps)),
+      /* @__PURE__ */ jsx2(Select_default, __spreadProps(__spreadValues({}, innerProps), { color: error ? "danger" : innerProps.color })),
       helperText && /* @__PURE__ */ jsx2(FormHelperText3, { children: helperText })
     ] });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ceed/ads",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",