Add advanced search UI (#10992)

src/components/forms/DateField/index.android.tsx

@@ -23,6 +23,7 @@ export function DateField({
   testID,
   accessibilityHint,
   maximumDate,
+  minimumDate,
 }: DateFieldProps) {
   const {i18n} = useLingui()
   const t = useTheme()
@@ -107,6 +108,9 @@ export function DateField({
           maximumDate={
             maximumDate ? new Date(toSimpleDateString(maximumDate)) : undefined
           }
+          minimumDate={
+            minimumDate ? new Date(toSimpleDateString(minimumDate)) : undefined
+          }
         />
       )}
     </>

src/components/forms/DateField/index.tsx

@@ -35,6 +35,7 @@ export function DateField({
   isInvalid,
   accessibilityHint,
   maximumDate,
+  minimumDate,
 }: DateFieldProps) {
   const {_, i18n} = useLingui()
   const t = useTheme()
@@ -116,6 +117,11 @@ export function DateField({
                     ? new Date(toSimpleDateString(maximumDate))
                     : undefined
                 }
+                minimumDate={
+                  minimumDate
+                    ? new Date(toSimpleDateString(minimumDate))
+                    : undefined
+                }
               />
             </View>
             <Button

src/components/forms/DateField/index.web.tsx

@@ -42,6 +42,7 @@ export function DateField({
   testID,
   accessibilityHint,
   maximumDate,
+  minimumDate,
 }: DateFieldProps) {
   const handleOnChange = useCallback(
     (e: any) => {
@@ -68,6 +69,7 @@ export function DateField({
         accessibilityHint={accessibilityHint}
         // @ts-expect-error not typed as <input type="date"> even though it is one
         max={maximumDate ? toSimpleDateString(maximumDate) : undefined}
+        min={minimumDate ? toSimpleDateString(minimumDate) : undefined}
       />
     </TextField.Root>
   )

src/components/forms/DateField/types.ts

@@ -26,4 +26,5 @@ export type DateFieldProps = {
   testID?: string
   accessibilityHint?: string
   maximumDate?: string | Date
+  minimumDate?: string | Date
 }