Start moving select dropdowns to use menus

Select.tsx

@@ -1,4 +1,5 @@
-import {useTheme} from 'react-native-paper'
+import {useState} from 'react'
+import {Button, Menu, useTheme} from 'react-native-paper'
 import RNPickerSelect from 'react-native-picker-select'
 import {Item} from 'react-native-picker-select'
 
@@ -12,18 +13,17 @@ export default function Select({
   items: Item[]
 }) {
   const {colors} = useTheme()
+  const [show, setShow] = useState(false)
 
   return (
-    <RNPickerSelect
+    <Menu
-      style={{
+      style={{alignSelf: 'flex-start', justifyContent: 'flex-start'}}
-        placeholder: {
+      visible={show}
-          color: colors.primary,
+      onDismiss={() => setShow(false)}
-        },
+      anchor={<Button style={{alignSelf: 'flex-start'}}>{value}</Button>}>
-      }}
+      {items.map(item => (
-      value={value}
+        <Menu.Item title={item.label} onPress={() => onChange(item.value)} />
-      placeholder={{}}
+      ))}
-      onValueChange={onChange}
+    </Menu>
-      items={items}
-    />
   )
 }

SettingsPage.tsx

@@ -8,7 +8,6 @@ import {
   Platform,
   View,
 } from 'react-native'
-import DeviceTimeFormat from 'react-native-device-time-format'
 import DocumentPicker from 'react-native-document-picker'
 import {Button} from 'react-native-paper'
 import {darkColors, lightColors} from './colors'
@@ -62,9 +61,6 @@ export default function SettingsPage() {
       })
       if (Platform.OS !== 'android') return
       NativeModules.AlarmModule.ignoringBattery(setIgnoring)
-      DeviceTimeFormat.is24HourFormat().then(is24 => {
-        if (is24) setFormatOptions(['P', 'P, k:m', 'ccc k:m', 'k:m'])
-      })
     }, []),
   )