fix: Replace scheduled send chevron with tap & hold

.changeset/replace-send-chevron-mobile.md

@@ -0,0 +1,5 @@
+---
+sable: patch
+---
+
+Mobile: changed scheduled send chevron to tap + hold

src/app/features/room/RoomInput.tsx

@@ -210,6 +210,8 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
       selectedFiles.map((f) => f.file)
     );
     const uploadBoardHandlers = useRef<UploadBoardImperativeHandlers>();
+    const longPressTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
+    const isLongPress = useRef(false);
 
     const imagePackRooms: Room[] = useImagePackRooms(roomId, roomToParents);
 
@@ -943,16 +945,43 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
               />
               <Box display="Flex" alignItems="Center">
                 <IconButton
-                  onClick={submit}
+                  onClick={() => {
+                    if (isLongPress.current) {
+                      isLongPress.current = false;
+                      return;
+                    }
+                    submit();
+                  }}
                   onMouseDown={(e: MouseEvent) => e.preventDefault()}
+                  onPointerDown={() => {
+                    isLongPress.current = false;
+                    if (mobileOrTablet() && delayedEventsSupported) {
+                      longPressTimer.current = setTimeout(() => {
+                        isLongPress.current = true;
+                        setShowSchedulePicker(true);
+                      }, 1000);
+                    }
+                  }}
+                  onPointerUp={() => {
+                    if (longPressTimer.current !== null) {
+                      clearTimeout(longPressTimer.current);
+                      longPressTimer.current = null;
+                    }
+                  }}
+                  onPointerCancel={() => {
+                    if (longPressTimer.current !== null) {
+                      clearTimeout(longPressTimer.current);
+                      longPressTimer.current = null;
+                    }
+                  }}
                   variant={scheduledTime ? 'Primary' : 'SurfaceVariant'}
                   size="300"
                   radii="0"
                   className={delayedEventsSupported ? css.SplitSendButton : undefined}
                 >
                   <Icon src={scheduledTime ? Icons.Clock : Icons.Send} />
                 </IconButton>
-                {delayedEventsSupported && (
+                {delayedEventsSupported && !mobileOrTablet() && (
                   <IconButton
                     onClick={(evt: MouseEvent<HTMLButtonElement>) => {
                       setScheduleMenuAnchor(evt.currentTarget.getBoundingClientRect());