@compsych/mobile-ui 1.0.30 → 1.0.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compsych/mobile-ui",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "description": "ComPsych React Native Design System — 19 mobile UI components with self-contained design tokens",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/DateTimePicker/index.tsx

@@ -18,6 +18,7 @@ export interface DateTimePickerProps {
   onSelectTime: (time: string) => void;
   availableTimes: string[];
   availableTimeLabel: string;
+  availableDates?: string[];
   maxMonthsAhead?: number;
 }
 
@@ -42,6 +43,7 @@ export function DateTimePicker({
   onSelectTime,
   availableTimes,
   availableTimeLabel,
+  availableDates,
   maxMonthsAhead = 1,
 }: DateTimePickerProps) {
   const { colorRoles: cr } = useTheme();
@@ -110,13 +112,23 @@ export function DateTimePicker({
     return cells;
   }, [viewYear, viewMonth]);
 
+  const availableDatesSet = useMemo(
+    () => (availableDates ? new Set(availableDates) : null),
+    [availableDates],
+  );
+
   const isDisabled = useCallback(
     (day: number) => {
       const d = new Date(viewYear, viewMonth, day);
       d.setHours(0, 0, 0, 0);
-      return d < today || d > maxDate;
+      if (d < today || d > maxDate) return true;
+      if (availableDatesSet) {
+        const dateStr = toLocalDateString(d);
+        return !availableDatesSet.has(dateStr);
+      }
+      return false;
     },
-    [viewYear, viewMonth, today, maxDate],
+    [viewYear, viewMonth, today, maxDate, availableDatesSet],
   );
 
   const isSelected = useCallback(