@ceed/ads 0.0.51 → 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/components/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop"> & {
-    onClose?: ((event: {}, reason: "escapeKeyDown" | "backdropClick" | "closeClick") => void) | undefined;
+    onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeClick") => void) | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;

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
       ]
     )
   };
@@ -1401,18 +1424,13 @@ import { Popper } from "@mui/base/Popper";
 
 // src/components/Input/Input.tsx
 import React11 from "react";
-import {
-  Input as JoyInput,
-  FormControl,
-  FormLabel,
-  FormHelperText
-} from "@mui/joy";
+import { Input as JoyInput } from "@mui/joy";
 import { motion as motion10 } from "framer-motion";
 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, { ...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 });
 };
@@ -1435,21 +1453,21 @@ var DialogActions_default = DialogActions;
 import { FormControl as JoyFormControl } from "@mui/joy";
 import { motion as motion12 } from "framer-motion";
 var MotionFormControl = motion12(JoyFormControl);
-var FormControl2 = MotionFormControl;
-FormControl2.displayName = "FormControl";
+var FormControl = MotionFormControl;
+FormControl.displayName = "FormControl";
 
 // src/components/FormControl/index.ts
-var FormControl_default = FormControl2;
+var FormControl_default = FormControl;
 
 // src/components/FormLabel/FormLabel.tsx
 import { FormLabel as JoyFormLabel } from "@mui/joy";
 import { motion as motion13 } from "framer-motion";
 var MotionFormLabel = motion13(JoyFormLabel);
-var FormLabel2 = MotionFormLabel;
-FormLabel2.displayName = "FormLabel";
+var FormLabel = MotionFormLabel;
+FormLabel.displayName = "FormLabel";
 
 // src/components/FormLabel/index.ts
-var FormLabel_default = FormLabel2;
+var FormLabel_default = FormLabel;
 
 // src/components/DatePicker/DatePicker.tsx
 var StyledPopper = styled3(Popper, {
@@ -1722,7 +1740,7 @@ var DateRangePicker = forwardRef5(
         setValue(event.target.value);
         onChange?.(event);
       },
-      []
+      [onChange]
     );
     const handleCalendarToggle = useCallback5(
       (event) => {
@@ -1914,8 +1932,8 @@ Dropdown.displayName = "Dropdown";
 import { FormHelperText as JoyFormHelperText } from "@mui/joy";
 import { motion as motion20 } from "framer-motion";
 var MotionFormHelperText = motion20(JoyFormHelperText);
-var FormHelperText2 = MotionFormHelperText;
-FormHelperText2.displayName = "FormHelperText";
+var FormHelperText = MotionFormHelperText;
+FormHelperText.displayName = "FormHelperText";
 
 // src/components/Grid/Grid.tsx
 import { Grid as JoyGrid } from "@mui/joy";
@@ -1970,10 +1988,7 @@ RadioList.displayName = "RadioList";
 import React20 from "react";
 import {
   Select as JoySelect,
-  Option as JoyOption,
-  FormControl as FormControl3,
-  FormLabel as FormLabel3,
-  FormHelperText as FormHelperText3
+  Option as JoyOption
 } from "@mui/joy";
 import { motion as motion24 } from "framer-motion";
 var MotionOption = motion24(JoyOption);
@@ -1982,7 +1997,7 @@ Option.displayName = "Option";
 function Select(props) {
   const { label, helperText, error, ...innerProps } = props;
   if (label) {
-    return /* @__PURE__ */ React20.createElement(FormControl3, { error }, /* @__PURE__ */ React20.createElement(FormLabel3, null, label), /* @__PURE__ */ React20.createElement(JoySelect, { ...innerProps }), helperText && /* @__PURE__ */ React20.createElement(FormHelperText3, 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 });
 }
@@ -2157,9 +2172,9 @@ export {
   Divider,
   Drawer,
   Dropdown,
-  FormControl2 as FormControl,
-  FormHelperText2 as FormHelperText,
-  FormLabel2 as FormLabel,
+  FormControl,
+  FormHelperText,
+  FormLabel,
   Grid,
   IconButton,
   Input,