@bailierich/booking-components 2.1.1 → 2.1.3

package/components/BookingFlow/steps/DateSelection.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useMemo } from 'react';
+import { useState, useMemo, useEffect } from 'react';
 import { motion } from 'framer-motion';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import type { DateSelectionSettings } from '../../../types';
@@ -119,6 +119,11 @@ export function DateSelection({
 
   const [currentMonth, setCurrentMonth] = useState(initialMonth);
 
+  // Reset calendar month when dates transition from mock to real (or vice versa)
+  useEffect(() => {
+    setCurrentMonth(initialMonth);
+  }, [initialMonth]);
+
   // Create a Set for O(1) lookup of available dates
   const availableDatesSet = useMemo(() => new Set(effectiveDates), [effectiveDates]);
 

package/components/Forms/FormField.tsx

@@ -362,7 +362,7 @@ export default function FormField({ field, value, error, onChange, businessId, f
       left: 'mr-auto',
       center: 'mx-auto',
       right: 'ml-auto'
-    }[fieldData.imageAlignment || 'center'];
+    }[(fieldData.imageAlignment || 'center') as 'left' | 'center' | 'right'];
 
     const containerStyle: React.CSSProperties = {
       maxWidth,