From f1263ae8d4e19ac8fc75677a623bd3ccea49a86e Mon Sep 17 00:00:00 2001
From: Johannes Klein <17345891+jtklein@users.noreply.github.com>
Date: Mon, 6 Jul 2026 14:40:11 +0200
Subject: [PATCH] Add a mode prop to our DateTimePicker base component

---
 src/components/SharedComponents/DateTimePicker.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/SharedComponents/DateTimePicker.tsx b/src/components/SharedComponents/DateTimePicker.tsx
index a95f6c9a4..1d64b0f37 100644
--- a/src/components/SharedComponents/DateTimePicker.tsx
+++ b/src/components/SharedComponents/DateTimePicker.tsx
@@ -1,12 +1,15 @@
 import * as React from "react";
 import DateTimePicker from "react-native-modal-datetime-picker";
 
+type PickerMode = "date" | "time" | "datetime";
+
 interface Props {
   date?: Date;
   toggleDateTimePicker: () => void;
   onDatePicked: ( date: Date ) => void;
   isDateTimePickerVisible: boolean;
   datetime?: boolean;
+  mode?: PickerMode;
 }
 
 // using component from Seek: https://github.com/inaturalist/SeekReactNative/blob/64ae3df185fffe751aff40ab17e3ff2dd8a74e42/components/UIComponents/DateTimePicker.js
@@ -17,12 +20,15 @@ const DatePicker = ( {
   date,
   datetime = false,
   isDateTimePickerVisible,
+  mode,
   onDatePicked,
   toggleDateTimePicker,
 }: Props ) => {
   const [selectedDateNoTime, setSelectedDateNoTime] = React.useState<Date | undefined>( undefined );
   const [isTimeVisible, setisTimeVisible] = React.useState( false );
 
+  console.log( "mode", mode );
+
   const _toggleDateTimePicker = ( ) => {
     setisTimeVisible( false );
     toggleDateTimePicker( );