chore: fix require cycle warning

src/Time/AmPmSwitcher.tsx

@@ -4,7 +4,7 @@ import { MD2Theme, Text, TouchableRipple, useTheme } from 'react-native-paper'
 import { useMemo } from 'react'
 import Color from 'color'
 import { inputTypes, PossibleInputTypes, useSwitchColors } from './timeUtils'
-import { DisplayModeContext } from './TimePicker'
+import { DisplayModeContext } from '../contexts/DisplayModeContext'
 
 export default function AmPmSwitcher({
   onChange,

src/Time/AnalogClock.tsx

@@ -22,7 +22,7 @@ import { useLatest } from '../utils'
 import AnalogClockHours from './AnalogClockHours'
 import AnimatedClockSwitcher from './AnimatedClockSwitcher'
 import AnalogClockMinutes from './AnalogClockMinutes'
-import { DisplayModeContext } from './TimePicker'
+import { DisplayModeContext } from '../contexts/DisplayModeContext'
 function AnalogClock({
   hours,
   minutes,

src/Time/TimePicker.tsx

@@ -12,11 +12,7 @@ import {
 import AnalogClock from './AnalogClock'
 import { circleSize } from './timeUtils'
 import TimeInputs from './TimeInputs'
-
-export const DisplayModeContext = React.createContext<{
-  mode: 'AM' | 'PM' | undefined
-  setMode: React.Dispatch<React.SetStateAction<'AM' | 'PM' | undefined>>
-}>({ mode: 'AM', setMode: () => {} })
+import { DisplayModeContext } from '../contexts/DisplayModeContext'
 
 type onChangeFunc = ({
   hours,

src/contexts/DisplayModeContext.tsx

@@ -0,0 +1,6 @@
+import * as React from 'react'
+
+export const DisplayModeContext = React.createContext<{
+  mode: 'AM' | 'PM' | undefined
+  setMode: React.Dispatch<React.SetStateAction<'AM' | 'PM' | undefined>>
+}>({ mode: 'AM', setMode: () => {} })