@ceed/cds 1.4.7 → 1.5.0-next.1

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

@@ -15,6 +15,7 @@ export declare const useCalendarProps: (inProps: CalendarProps) => readonly [{
     rangeSelection?: boolean | undefined;
     disableFuture?: boolean | undefined;
     disablePast?: boolean | undefined;
+    shouldDisableDate?: ((date: Date) => boolean) | undefined;
 }, {
     viewMonth: Date;
     direction: number;
@@ -32,4 +33,5 @@ export declare const useCalendarProps: (inProps: CalendarProps) => readonly [{
     rangeSelection?: boolean | undefined;
     disableFuture?: boolean | undefined;
     disablePast?: boolean | undefined;
+    shouldDisableDate?: ((date: Date) => boolean) | undefined;
 }];

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

@@ -17,6 +17,13 @@ export interface CalendarProps {
     maxDate?: DateValue;
     disableFuture?: boolean;
     disablePast?: boolean;
+    /**
+     * Disable specific date.
+     * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
+     * @param date
+     * @returns If `true` the date will be disabled
+     */
+    shouldDisableDate?: (date: DateValue) => boolean;
 }
 export interface CalendarOwnerState extends CalendarProps {
     viewMonth: Date;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -32,6 +32,13 @@ interface BaseDatePickerProps {
     displayFormat?: string;
     inputReadOnly?: boolean;
     hideClearButton?: boolean;
+    /**
+     * Disable specific date.
+     * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
+     * @param date
+     * @returns If `true` the date will be disabled
+     */
+    shouldDisableDate?: (date: string) => boolean;
 }
 export type DatePickerProps = BaseDatePickerProps & Omit<React.ComponentProps<typeof Input>, "onChange" | "value" | "defaultValue">;
 declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/index.cjs

@@ -1104,7 +1104,7 @@ var useCalendar = (ownerState) => {
             const today = /* @__PURE__ */ new Date();
             today.setHours(0, 0, 0, 0);
             return today;
-          })(),
+          })() || ownerState.shouldDisableDate && ownerState.shouldDisableDate(thisDay),
           tabIndex: -1,
           "aria-label": thisDay.toLocaleDateString(),
           "aria-selected": isSelected ? "true" : void 0,
@@ -2315,6 +2315,7 @@ var DatePicker = (0, import_react19.forwardRef)(
       inputReadOnly,
       hideClearButton,
       readOnly,
+      shouldDisableDate,
       ...innerProps
     } = props;
     const innerRef = (0, import_react19.useRef)(null);
@@ -2359,7 +2360,9 @@ var DatePicker = (0, import_react19.forwardRef)(
     const handleChange = (0, import_react19.useCallback)(
       (event) => {
         const value2 = event.target.value;
-        setDisplayValue(value2 ? formatValueString(parseDate(event.target.value, format), displayFormat) : value2);
+        setDisplayValue(
+          value2 ? formatValueString(parseDate(value2, format), displayFormat) : value2
+        );
         setValue(value2);
       },
       [displayFormat, format, setValue]
@@ -2491,7 +2494,8 @@ var DatePicker = (0, import_react19.forwardRef)(
           minDate: minDate ? new Date(minDate) : void 0,
           maxDate: maxDate ? new Date(maxDate) : void 0,
           disableFuture,
-          disablePast
+          disablePast,
+          shouldDisableDate: shouldDisableDate ? (date) => shouldDisableDate(formatValueString(date, format)) : void 0
         }
       ), !hideClearButton && /* @__PURE__ */ import_react19.default.createElement(
         DialogActions_default,

package/dist/index.js

@@ -1035,7 +1035,7 @@ var useCalendar = (ownerState) => {
             const today = /* @__PURE__ */ new Date();
             today.setHours(0, 0, 0, 0);
             return today;
-          })(),
+          })() || ownerState.shouldDisableDate && ownerState.shouldDisableDate(thisDay),
           tabIndex: -1,
           "aria-label": thisDay.toLocaleDateString(),
           "aria-selected": isSelected ? "true" : void 0,
@@ -2270,6 +2270,7 @@ var DatePicker = forwardRef6(
       inputReadOnly,
       hideClearButton,
       readOnly,
+      shouldDisableDate,
       ...innerProps
     } = props;
     const innerRef = useRef3(null);
@@ -2314,7 +2315,9 @@ var DatePicker = forwardRef6(
     const handleChange = useCallback7(
       (event) => {
         const value2 = event.target.value;
-        setDisplayValue(value2 ? formatValueString(parseDate(event.target.value, format), displayFormat) : value2);
+        setDisplayValue(
+          value2 ? formatValueString(parseDate(value2, format), displayFormat) : value2
+        );
         setValue(value2);
       },
       [displayFormat, format, setValue]
@@ -2446,7 +2449,8 @@ var DatePicker = forwardRef6(
           minDate: minDate ? new Date(minDate) : void 0,
           maxDate: maxDate ? new Date(maxDate) : void 0,
           disableFuture,
-          disablePast
+          disablePast,
+          shouldDisableDate: shouldDisableDate ? (date) => shouldDisableDate(formatValueString(date, format)) : void 0
         }
       ), !hideClearButton && /* @__PURE__ */ React17.createElement(
         DialogActions_default,