zkit-ui 2.0.0 → 2.0.1

package/dist/ui/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,OAAO,KAAK,EAKV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,uBAAuB,EACvB,gBAAgB,EAChB,6BAA6B,EAC7B,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,GAChB,MAAM,SAAS,CAAC;AAmDjB,eAAO,MAAM,UAAU,0GAkMrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,OAAO,KAAK,EAKV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,uBAAuB,EACvB,gBAAgB,EAChB,6BAA6B,EAC7B,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,GAChB,MAAM,SAAS,CAAC;AAmDjB,eAAO,MAAM,UAAU,0GAmNrB,CAAC"}

package/dist/ui/DatePicker/index.js

@@ -86,13 +86,16 @@ exports.DatePicker = React.forwardRef(function DatePicker({ value: valueProp, de
     const [innerValue, setInnerValue] = React.useState(defaultValue);
     const committedValue = isValueControlled ? valueProp : innerValue;
     const bounds = React.useMemo(() => (0, utils_1.resolveDatePickerBounds)(min, max), [max, min]);
-    const options = React.useMemo(() => (0, utils_1.buildDatePickerOptions)({ bounds, precision, isDateDisabled }), [bounds, isDateDisabled, precision]);
+    const optionConfig = React.useMemo(() => ({ bounds, precision, isDateDisabled }), [bounds, isDateDisabled, precision]);
+    const options = React.useMemo(() => (0, utils_1.buildDatePickerOptions)(optionConfig), [optionConfig]);
+    const getDateOptionChildren = React.useMemo(() => (0, utils_1.createDatePickerOptionChildrenResolver)(optionConfig), [optionConfig]);
+    const isDateOptionDisabled = React.useMemo(() => (0, utils_1.createDatePickerOptionDisabledResolver)(optionConfig, getDateOptionChildren), [getDateOptionChildren, optionConfig]);
     const committedDate = React.useMemo(() => (0, utils_1.resolveCommittedDate)(committedValue, bounds, precision), [bounds, committedValue, precision]);
     const pickerDate = React.useMemo(() => (0, utils_1.resolvePickerDate)(committedDate, defaultPickerValue, bounds, precision), [bounds, committedDate, defaultPickerValue, precision]);
     const pickerValue = React.useMemo(() => (0, utils_1.pathFromDate)(pickerDate, precision), [pickerDate, precision]);
     const committedSelection = React.useMemo(() => committedDate
-        ? (0, utils_1.createDatePickerSelectionFromDate)(committedDate, precision, options, labelFormat)
-        : null, [committedDate, labelFormat, options, precision]);
+        ? (0, utils_1.createDatePickerSelectionFromDate)(committedDate, precision, options, labelFormat, getDateOptionChildren)
+        : null, [committedDate, getDateOptionChildren, labelFormat, options, precision]);
     const resolveSelection = React.useCallback((selection) => (0, utils_1.createDatePickerSelection)(selection, precision, labelFormat, selection.label), [labelFormat, precision]);
     const handlePickerChange = React.useCallback((_next, selection) => {
         const nextSelection = resolveSelection(selection);
@@ -153,5 +156,5 @@ exports.DatePicker = React.forwardRef(function DatePicker({ value: valueProp, de
             return children;
         return (pickerContext) => children(createRenderContext(committedSelection, precision, pickerContext, placeholderText));
     }, [children, committedSelection, placeholderText, precision]);
-    return ((0, jsx_runtime_1.jsx)(Picker_1.Picker, { ref: ref, options: options, value: pickerValue, onChange: handlePickerChange, valueMode: "path", open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, onDismissComplete: onDismissComplete, title: title !== null && title !== void 0 ? title : t('datePicker.title'), placeholder: placeholderText, cancelText: cancelText, confirmText: confirmText, emptyText: emptyText, formatLabel: formatPickerLabel, renderColumnHeader: handleRenderColumnHeader, maxColumns: (0, utils_1.getColumnCount)(precision), lazyContent: lazyContent, sheetHeight: sheetHeight, disabled: disabled, onCancel: onCancel, onConfirm: handlePickerConfirm, onDraftChange: handlePickerDraftChange, children: pickerChildren }));
+    return ((0, jsx_runtime_1.jsx)(Picker_1.Picker, { ref: ref, options: options, value: pickerValue, onChange: handlePickerChange, valueMode: "path", open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, onDismissComplete: onDismissComplete, title: title !== null && title !== void 0 ? title : t('datePicker.title'), placeholder: placeholderText, cancelText: cancelText, confirmText: confirmText, emptyText: emptyText, formatLabel: formatPickerLabel, renderColumnHeader: handleRenderColumnHeader, getOptionChildren: getDateOptionChildren, isOptionDisabled: isDateOptionDisabled, maxColumns: (0, utils_1.getColumnCount)(precision), lazyContent: lazyContent, sheetHeight: sheetHeight, disabled: disabled, onCancel: onCancel, onConfirm: handlePickerConfirm, onDraftChange: handlePickerDraftChange, children: pickerChildren }));
 });

package/dist/ui/DatePicker/utils.d.ts

@@ -15,6 +15,8 @@ type BuildOptionsConfig = {
     precision: DatePickerPrecision;
     isDateDisabled?: DatePickerProps['isDateDisabled'];
 };
+export type DatePickerOptionChildrenResolver = (option: DatePickerOption, index: number, path: DatePickerOption[]) => readonly DatePickerOption[] | undefined;
+export type DatePickerOptionDisabledResolver = (option: DatePickerOption, index: number, path: DatePickerOption[]) => boolean;
 export declare function normalizePrecision(input: DatePickerPrecision | undefined): DatePickerPrecision;
 export declare function getColumnCount(precision: DatePickerPrecision): number;
 export declare function formatDatePickerValue(date: Dayjs, precision: DatePickerPrecision): DatePickerValue;
@@ -25,8 +27,10 @@ export declare function resolveDatePickerBounds(min: DatePickerInput | null | un
 export declare function resolveCommittedDate(value: DatePickerValue | null | undefined, bounds: DateBounds, precision: DatePickerPrecision): dayjs.Dayjs | null;
 export declare function resolvePickerDate(committedDate: Dayjs | null, defaultPickerValue: DatePickerInput | null | undefined, bounds: DateBounds, precision: DatePickerPrecision): dayjs.Dayjs;
 export declare function buildDatePickerOptions(config: BuildOptionsConfig): DatePickerOption[];
+export declare function createDatePickerOptionChildrenResolver(config: BuildOptionsConfig): DatePickerOptionChildrenResolver;
+export declare function createDatePickerOptionDisabledResolver(config: BuildOptionsConfig, getOptionChildren: DatePickerOptionChildrenResolver): DatePickerOptionDisabledResolver;
 export declare function createDatePickerSelection(pickerSelection: PickerSelection<DatePickerOption>, precision: DatePickerPrecision, labelFormat?: DatePickerLabelFormat, labelOverride?: string): DatePickerSelection | null;
-export declare function createDatePickerSelectionFromDate(date: Dayjs, precision: DatePickerPrecision, options: DatePickerOption[], labelFormat?: DatePickerLabelFormat): DatePickerSelection;
+export declare function createDatePickerSelectionFromDate(date: Dayjs, precision: DatePickerPrecision, options: DatePickerOption[], labelFormat?: DatePickerLabelFormat, getOptionChildren?: DatePickerOptionChildrenResolver): DatePickerSelection;
 export declare function dateFromOption(option: DatePickerOption | undefined, precision: DatePickerPrecision): dayjs.Dayjs | undefined;
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/ui/DatePicker/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/DatePicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,KAAK,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAEV,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,eAAe,EAChB,MAAM,SAAS,CAAC;AAIjB,eAAO,MAAM,mBAAmB,mCAA0E,CAAC;AAoB3G,KAAK,UAAU,GAAG;IAChB,GAAG,EAAE,KAAK,CAAC;IACX,GAAG,EAAE,KAAK,CAAC;CACZ,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,KAAK,CAAC;IACZ,cAAc,EAAE,mBAAmB,CAAC;CACrC,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,EAAE,mBAAmB,CAAC;IAC/B,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;CACpD,CAAC;AAUF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,GAAG,mBAAmB,CAE9F;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,mBAAmB,UAE5D;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAmB,GAAG,eAAe,CAElG;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAmB,GAAG,eAAe,CAI9F;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAmB,GAAG,MAAM,EAAE,CAKlF;AAoCD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,EACzC,SAAS,EAAE,MAAM,GAChB,UAAU,GAAG,SAAS,CAUxB;AAeD,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,EACvC,GAAG,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,GACtC,UAAU,CAWZ;AAQD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,EACzC,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,mBAAmB,sBAK/B;AAED,wBAAgB,iBAAiB,CAC/B,aAAa,EAAE,KAAK,GAAG,IAAI,EAC3B,kBAAkB,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,EACtD,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,mBAAmB,eAO/B;AAmFD,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,kBAAkB,sBAuBhE;AAuBD,wBAAgB,yBAAyB,CACvC,eAAe,EAAE,eAAe,CAAC,gBAAgB,CAAC,EAClD,SAAS,EAAE,mBAAmB,EAC9B,WAAW,CAAC,EAAE,qBAAqB,EACnC,aAAa,CAAC,EAAE,MAAM,GACrB,mBAAmB,GAAG,IAAI,CAuB5B;AAwBD,wBAAgB,iCAAiC,CAC/C,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,gBAAgB,EAAE,EAC3B,WAAW,CAAC,EAAE,qBAAqB,GAClC,mBAAmB,CAsBrB;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,gBAAgB,GAAG,SAAS,EAAE,SAAS,EAAE,mBAAmB,2BAGlG"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/DatePicker/utils.ts"],"names":[],"mappings":"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"}

package/dist/ui/DatePicker/utils.js

@@ -14,6 +14,8 @@ exports.resolveDatePickerBounds = resolveDatePickerBounds;
 exports.resolveCommittedDate = resolveCommittedDate;
 exports.resolvePickerDate = resolvePickerDate;
 exports.buildDatePickerOptions = buildDatePickerOptions;
+exports.createDatePickerOptionChildrenResolver = createDatePickerOptionChildrenResolver;
+exports.createDatePickerOptionDisabledResolver = createDatePickerOptionDisabledResolver;
 exports.createDatePickerSelection = createDatePickerSelection;
 exports.createDatePickerSelectionFromDate = createDatePickerSelectionFromDate;
 exports.dateFromOption = dateFromOption;
@@ -200,10 +202,6 @@ function buildMonths(year, config) {
         const option = createOption('month', parts, precision === 'month'
             ? resolveDisabled(optionDate(parts), parts, 'month', precision, isDateDisabled)
             : false);
-        if (precision === 'day') {
-            option.children = buildDays(year, month, config);
-            option.disabled = option.children.length > 0 && option.children.every((child) => child.disabled);
-        }
         months.push(option);
     }
     return months;
@@ -216,14 +214,62 @@ function buildDatePickerOptions(config) {
         const option = createOption('year', parts, precision === 'year'
             ? resolveDisabled(optionDate(parts), parts, 'year', precision, isDateDisabled)
             : false);
-        if (precision !== 'year') {
-            option.children = buildMonths(year, config);
-            option.disabled = option.children.length > 0 && option.children.every((child) => child.disabled);
-        }
         years.push(option);
     }
     return years;
 }
+function createDatePickerOptionChildrenResolver(config) {
+    const cache = new Map();
+    return (option) => {
+        if (option.column === 'year' && config.precision !== 'year') {
+            const key = `months:${option.year}`;
+            const cached = cache.get(key);
+            if (cached)
+                return cached;
+            const months = buildMonths(option.year, config);
+            cache.set(key, months);
+            return months;
+        }
+        if (option.column === 'month' && config.precision === 'day' && option.month != null) {
+            const key = `days:${option.year}-${option.month}`;
+            const cached = cache.get(key);
+            if (cached)
+                return cached;
+            const days = buildDays(option.year, option.month, config);
+            cache.set(key, days);
+            return days;
+        }
+        return [];
+    };
+}
+function getOptionPathKey(option) {
+    var _a, _b;
+    return `${option.column}:${option.year}-${(_a = option.month) !== null && _a !== void 0 ? _a : 0}-${(_b = option.day) !== null && _b !== void 0 ? _b : 0}`;
+}
+function createDatePickerOptionDisabledResolver(config, getOptionChildren) {
+    const cache = new Map();
+    const resolveOption = (option, index, path) => {
+        var _a, _b;
+        const key = getOptionPathKey(option);
+        const cached = cache.get(key);
+        if (cached != null)
+            return cached;
+        let disabled = false;
+        if (option.column === config.precision) {
+            disabled =
+                (_a = option.disabled) !== null && _a !== void 0 ? _a : resolveDisabled(optionDate(option), option, option.column, config.precision, config.isDateDisabled);
+        }
+        else if (config.isDateDisabled) {
+            const children = (_b = getOptionChildren(option, index, path)) !== null && _b !== void 0 ? _b : [];
+            disabled =
+                children.length > 0 &&
+                    children.every((child, childIndex) => resolveOption(child, childIndex, [...path, child]));
+        }
+        cache.set(key, disabled);
+        return disabled;
+    };
+    return resolveOption;
+}
 function numberValues(values) {
     return values.map((value) => Number(value)).filter((value) => Number.isFinite(value));
 }
@@ -268,11 +314,13 @@ function createDatePickerSelection(pickerSelection, precision, labelFormat, labe
         label: labelOverride !== null && labelOverride !== void 0 ? labelOverride : resolveSelectionLabel(base, labelFormat),
     };
 }
-function findOptionPath(options, values) {
+function findOptionPath(options, values, getOptionChildren) {
+    var _a, _b;
     const items = [];
     const columns = [];
     const indices = [];
     let current = options;
+    let path = [];
     for (const value of values) {
         columns.push(current);
         const index = current.findIndex((option) => option.value === value);
@@ -283,13 +331,15 @@ function findOptionPath(options, values) {
             break;
         items.push(item);
         indices.push(index);
-        current = Array.isArray(item.children) ? item.children : [];
+        const nextPath = [...path, item];
+        current = [...((_b = (_a = getOptionChildren === null || getOptionChildren === void 0 ? void 0 : getOptionChildren(item, index, nextPath)) !== null && _a !== void 0 ? _a : item.children) !== null && _b !== void 0 ? _b : [])];
+        path = nextPath;
     }
     return { items, columns, indices };
 }
-function createDatePickerSelectionFromDate(date, precision, options, labelFormat) {
+function createDatePickerSelectionFromDate(date, precision, options, labelFormat, getOptionChildren) {
     const values = pathFromDate(date, precision);
-    const { items, columns, indices } = findOptionPath(options, values);
+    const { items, columns, indices } = findOptionPath(options, values, getOptionChildren);
     const labels = values.map((value, index) => (index === 0 ? String(value) : pad2(value)));
     const base = {
         value: formatDatePickerValue(date, precision),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zkit-ui",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/ui/DatePicker/index.tsx

@@ -10,6 +10,8 @@ import {
 import { useI18n } from '../../i18n/useI18n';
 import {
   buildDatePickerOptions,
+  createDatePickerOptionChildrenResolver,
+  createDatePickerOptionDisabledResolver,
   createDatePickerSelection,
   createDatePickerSelectionFromDate,
   DATE_PICKER_COLUMNS,
@@ -138,10 +140,19 @@ export const DatePicker = React.forwardRef<DatePickerHandle, DatePickerProps>(fu
   const committedValue = isValueControlled ? valueProp : innerValue;
 
   const bounds = React.useMemo(() => resolveDatePickerBounds(min, max), [max, min]);
-  const options = React.useMemo(
-    () => buildDatePickerOptions({ bounds, precision, isDateDisabled }),
+  const optionConfig = React.useMemo(
+    () => ({ bounds, precision, isDateDisabled }),
     [bounds, isDateDisabled, precision]
   );
+  const options = React.useMemo(() => buildDatePickerOptions(optionConfig), [optionConfig]);
+  const getDateOptionChildren = React.useMemo(
+    () => createDatePickerOptionChildrenResolver(optionConfig),
+    [optionConfig]
+  );
+  const isDateOptionDisabled = React.useMemo(
+    () => createDatePickerOptionDisabledResolver(optionConfig, getDateOptionChildren),
+    [getDateOptionChildren, optionConfig]
+  );
   const committedDate = React.useMemo(
     () => resolveCommittedDate(committedValue, bounds, precision),
     [bounds, committedValue, precision]
@@ -154,9 +165,15 @@ export const DatePicker = React.forwardRef<DatePickerHandle, DatePickerProps>(fu
   const committedSelection = React.useMemo(
     () =>
       committedDate
-        ? createDatePickerSelectionFromDate(committedDate, precision, options, labelFormat)
+        ? createDatePickerSelectionFromDate(
+            committedDate,
+            precision,
+            options,
+            labelFormat,
+            getDateOptionChildren
+          )
         : null,
-    [committedDate, labelFormat, options, precision]
+    [committedDate, getDateOptionChildren, labelFormat, options, precision]
   );
 
   const resolveSelection = React.useCallback(
@@ -281,6 +298,8 @@ export const DatePicker = React.forwardRef<DatePickerHandle, DatePickerProps>(fu
       emptyText={emptyText}
       formatLabel={formatPickerLabel}
       renderColumnHeader={handleRenderColumnHeader}
+      getOptionChildren={getDateOptionChildren}
+      isOptionDisabled={isDateOptionDisabled}
       maxColumns={getColumnCount(precision)}
       lazyContent={lazyContent}
       sheetHeight={sheetHeight}

package/src/ui/DatePicker/utils.ts

@@ -51,6 +51,18 @@ type BuildOptionsConfig = {
   isDateDisabled?: DatePickerProps['isDateDisabled'];
 };
 
+export type DatePickerOptionChildrenResolver = (
+  option: DatePickerOption,
+  index: number,
+  path: DatePickerOption[]
+) => readonly DatePickerOption[] | undefined;
+
+export type DatePickerOptionDisabledResolver = (
+  option: DatePickerOption,
+  index: number,
+  path: DatePickerOption[]
+) => boolean;
+
 function pad2(n: number) {
   return String(n).padStart(2, '0');
 }
@@ -261,11 +273,6 @@ function buildMonths(year: number, config: BuildOptionsConfig) {
         : false
     );
 
-    if (precision === 'day') {
-      option.children = buildDays(year, month, config);
-      option.disabled = option.children.length > 0 && option.children.every((child) => child.disabled);
-    }
-
     months.push(option);
   }
 
@@ -286,17 +293,81 @@ export function buildDatePickerOptions(config: BuildOptionsConfig) {
         : false
     );
 
-    if (precision !== 'year') {
-      option.children = buildMonths(year, config);
-      option.disabled = option.children.length > 0 && option.children.every((child) => child.disabled);
-    }
-
     years.push(option);
   }
 
   return years;
 }
 
+export function createDatePickerOptionChildrenResolver(
+  config: BuildOptionsConfig
+): DatePickerOptionChildrenResolver {
+  const cache = new Map<string, DatePickerOption[]>();
+
+  return (option) => {
+    if (option.column === 'year' && config.precision !== 'year') {
+      const key = `months:${option.year}`;
+      const cached = cache.get(key);
+      if (cached) return cached;
+
+      const months = buildMonths(option.year, config);
+      cache.set(key, months);
+      return months;
+    }
+
+    if (option.column === 'month' && config.precision === 'day' && option.month != null) {
+      const key = `days:${option.year}-${option.month}`;
+      const cached = cache.get(key);
+      if (cached) return cached;
+
+      const days = buildDays(option.year, option.month, config);
+      cache.set(key, days);
+      return days;
+    }
+
+    return [];
+  };
+}
+
+function getOptionPathKey(option: DatePickerOption) {
+  return `${option.column}:${option.year}-${option.month ?? 0}-${option.day ?? 0}`;
+}
+
+export function createDatePickerOptionDisabledResolver(
+  config: BuildOptionsConfig,
+  getOptionChildren: DatePickerOptionChildrenResolver
+): DatePickerOptionDisabledResolver {
+  const cache = new Map<string, boolean>();
+
+  const resolveOption = (
+    option: DatePickerOption,
+    index: number,
+    path: DatePickerOption[]
+  ): boolean => {
+    const key = getOptionPathKey(option);
+    const cached = cache.get(key);
+    if (cached != null) return cached;
+
+    let disabled = false;
+
+    if (option.column === config.precision) {
+      disabled =
+        option.disabled ??
+        resolveDisabled(optionDate(option), option, option.column, config.precision, config.isDateDisabled);
+    } else if (config.isDateDisabled) {
+      const children = getOptionChildren(option, index, path) ?? [];
+      disabled =
+        children.length > 0 &&
+        children.every((child, childIndex) => resolveOption(child, childIndex, [...path, child]));
+    }
+
+    cache.set(key, disabled);
+    return disabled;
+  };
+
+  return resolveOption;
+}
+
 function numberValues(values: PickerSelection<DatePickerOption>['values']) {
   return values.map((value) => Number(value)).filter((value) => Number.isFinite(value));
 }
@@ -348,11 +419,16 @@ export function createDatePickerSelection(
   };
 }
 
-function findOptionPath(options: DatePickerOption[], values: number[]) {
+function findOptionPath(
+  options: DatePickerOption[],
+  values: number[],
+  getOptionChildren?: DatePickerOptionChildrenResolver
+) {
   const items: DatePickerOption[] = [];
   const columns: DatePickerOption[][] = [];
   const indices: number[] = [];
   let current = options;
+  let path: DatePickerOption[] = [];
 
   for (const value of values) {
     columns.push(current);
@@ -364,7 +440,9 @@ function findOptionPath(options: DatePickerOption[], values: number[]) {
 
     items.push(item);
     indices.push(index);
-    current = Array.isArray(item.children) ? item.children : [];
+    const nextPath = [...path, item];
+    current = [...(getOptionChildren?.(item, index, nextPath) ?? item.children ?? [])];
+    path = nextPath;
   }
 
   return { items, columns, indices };
@@ -374,10 +452,11 @@ export function createDatePickerSelectionFromDate(
   date: Dayjs,
   precision: DatePickerPrecision,
   options: DatePickerOption[],
-  labelFormat?: DatePickerLabelFormat
+  labelFormat?: DatePickerLabelFormat,
+  getOptionChildren?: DatePickerOptionChildrenResolver
 ): DatePickerSelection {
   const values = pathFromDate(date, precision);
-  const { items, columns, indices } = findOptionPath(options, values);
+  const { items, columns, indices } = findOptionPath(options, values, getOptionChildren);
   const labels = values.map((value, index) => (index === 0 ? String(value) : pad2(value)));
   const base: DatePickerSelection = {
     value: formatDatePickerValue(date, precision),