Fix keyboard picker landscape being too wide.

Author: iM-GeeKy

src/Time/TimePicker.tsx

@@ -84,7 +84,24 @@ function TimePicker({
     <DisplayModeContext.Provider
       value={{ mode: displayMode, setMode: setDisplayMode }}
     >
-      <View style={isLandscape ? styles.rootLandscape : styles.rootPortrait}>
+      <View
+        style={
+          isLandscape
+            ? [
+                styles.rootLandscape,
+                {
+                  width:
+                    24 * 3 +
+                    96 * 2 +
+                    52 +
+                    (inputType === inputTypes.picker
+                      ? circleSize
+                      : -circleSize),
+                },
+              ]
+            : styles.rootPortrait
+        }
+      >
         <TimeInputs
           inputType={inputType}
           hours={hours}
@@ -115,7 +132,6 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
-    width: 24 * 3 + 96 * 2 + 52 + circleSize,
   },
   rootPortrait: {
     alignItems: 'center',

src/Time/TimePickerModal.tsx

@@ -27,7 +27,13 @@ import {
   reverseInputTypes,
 } from './timeUtils'
 
-const supportedOrientations: any[] = [
+const supportedOrientations: (
+  | 'portrait'
+  | 'portrait-upside-down'
+  | 'landscape'
+  | 'landscape-left'
+  | 'landscape-right'
+)[] = [
   'portrait',
   'portrait-upside-down',
   'landscape',
@@ -125,7 +131,6 @@ export function TimePickerModal({
       onRequestClose={onDismiss}
       presentationStyle="overFullScreen"
       supportedOrientations={supportedOrientations}
-      //@ts-ignore
       statusBarTranslucent={true}
     >
       <>