Fix: Pass captionLayout to Calendar in DatePicker

src/components/admin/editors/FormerNamesEditor.tsx

@@ -97,6 +97,10 @@ export function FormerNamesEditor({ names, onChange, currentName }: FormerNamesE
                 <DatePicker
                   date={name.date_changed ? new Date(name.date_changed) : undefined}
                   onSelect={(date) => updateName(actualIndex, 'date_changed', date || undefined)}
+                  placeholder="Select or type date"
+                  allowTextEntry={true}
+                  fromYear={1800}
+                  toYear={new Date().getFullYear()}
                 />
                         </div>
 

src/components/reviews/ReviewForm.tsx

@@ -186,6 +186,8 @@ export function ReviewForm({
                 placeholder="When did you visit?"
                 disableFuture={true}
                 fromYear={1950}
+                allowTextEntry={true}
+                dateFormat="yyyy-MM-dd"
               />
             <p className="text-xs text-muted-foreground">
               Select the date of your visit to help others understand when this experience occurred.

src/components/ui/date-picker.tsx

@@ -139,6 +139,7 @@ export function DatePicker({
               className="p-3 pointer-events-auto"
               fromYear={fromYear}
               toYear={toYear}
+              captionLayout="dropdown-buttons"
             />
           </PopoverContent>
         </Popover>
@@ -175,6 +176,7 @@ export function DatePicker({
           className="p-3 pointer-events-auto"
           fromYear={fromYear}
           toYear={toYear}
+          captionLayout="dropdown-buttons"
         />
       </PopoverContent>
     </Popover>