diff --git a/src/components/admin/editors/FormerNamesEditor.tsx b/src/components/admin/editors/FormerNamesEditor.tsx index f472a4cb..140347bf 100644 --- a/src/components/admin/editors/FormerNamesEditor.tsx +++ b/src/components/admin/editors/FormerNamesEditor.tsx @@ -94,10 +94,14 @@ export function FormerNamesEditor({ names, onChange, currentName }: FormerNamesE
- updateName(actualIndex, 'date_changed', date || undefined)} - /> + updateName(actualIndex, 'date_changed', date || undefined)} + placeholder="Select or type date" + allowTextEntry={true} + fromYear={1800} + toYear={new Date().getFullYear()} + />
diff --git a/src/components/reviews/ReviewForm.tsx b/src/components/reviews/ReviewForm.tsx index c89592e5..42759b62 100644 --- a/src/components/reviews/ReviewForm.tsx +++ b/src/components/reviews/ReviewForm.tsx @@ -180,13 +180,15 @@ export function ReviewForm({ {/* Visit Date */}
- setValue('visit_date', date ? date.toISOString().split('T')[0] : undefined)} - placeholder="When did you visit?" - disableFuture={true} - fromYear={1950} - /> + setValue('visit_date', date ? date.toISOString().split('T')[0] : undefined)} + placeholder="When did you visit?" + disableFuture={true} + fromYear={1950} + allowTextEntry={true} + dateFormat="yyyy-MM-dd" + />

Select the date of your visit to help others understand when this experience occurred.

diff --git a/src/components/ui/date-picker.tsx b/src/components/ui/date-picker.tsx index 3354dc33..abd7bac9 100644 --- a/src/components/ui/date-picker.tsx +++ b/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" /> @@ -175,6 +176,7 @@ export function DatePicker({ className="p-3 pointer-events-auto" fromYear={fromYear} toYear={toYear} + captionLayout="dropdown-buttons" />