From bfa56038955deae4063165d710255ec98532f250 Mon Sep 17 00:00:00 2001
From: Johannes Klein <17345891+jtklein@users.noreply.github.com>
Date: Mon, 6 Jul 2026 14:27:07 +0200
Subject: [PATCH] A Pressable that will open the picker

---
 .../FieldInputs/DateFieldInput.tsx            | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/AddToProjects/FieldInputs/DateFieldInput.tsx b/src/components/AddToProjects/FieldInputs/DateFieldInput.tsx
index 2807efa6a..da971a08b 100644
--- a/src/components/AddToProjects/FieldInputs/DateFieldInput.tsx
+++ b/src/components/AddToProjects/FieldInputs/DateFieldInput.tsx
@@ -1,5 +1,6 @@
 import { Body3 } from "components/SharedComponents";
-import React, { useMemo } from "react";
+import { Pressable } from "components/styledComponents";
+import React, { useMemo, useState } from "react";
 import type { RealmObservationField } from "realmModels/types";
 import { useTranslation } from "sharedHooks";
 
@@ -14,6 +15,8 @@ const DateFieldInput = ( { obsField }: Props ) => {
   const { datatype, id } = obsField;
   const { value, setValue } = useObservationFieldValue( id );
   console.log( setValue );
+  const [showPicker, setShowPicker] = useState( false );
+  console.log( "showPicker", showPicker );
   const placeholder = useMemo( () => {
     switch ( datatype ) {
       case "date":
@@ -28,12 +31,17 @@ const DateFieldInput = ( { obsField }: Props ) => {
   }, [datatype, t] );
 
   return (
-    <Body3 className={value
-      ? "pt-1"
-      : "pt-1 color-darkGrayDisabled"}
+    <Pressable
+      accessibilityRole="button"
+      onPress={( ) => setShowPicker( true )}
     >
-      {value || placeholder}
-    </Body3>
+      <Body3 className={value
+        ? "pt-1"
+        : "pt-1 color-darkGrayDisabled"}
+      >
+        {value || placeholder}
+      </Body3>
+    </Pressable>
   );
 };