fix: ios width

Author: Scr3nt

ios/RNDateTimePicker.m

@@ -32,6 +32,9 @@ - (instancetype)initWithFrame:(CGRect)frame
     #endif
 
     _reactMinuteInterval = 1;
+    
+    // Ensure the picker can expand to fill its container
+    self.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
   }
   return self;
 }

src/datetimepicker.ios.js

@@ -18,7 +18,7 @@ import {
   IOS_MODE,
 } from './constants';
 import * as React from 'react';
-import {Platform} from 'react-native';
+import {Platform, StyleSheet} from 'react-native';
 
 import type {
   DateTimePickerEvent,
@@ -59,6 +59,7 @@ export default function Picker({
   display: providedDisplay = IOS_DISPLAY.default,
   // $FlowFixMe[incompatible-type]
   disabled = false,
+  style,
   ...other
 }: IOSNativeProps): React.Node {
   sharedPropsValidation({value, timeZoneOffsetInMinutes, timeZoneName, minimumDate, maximumDate});
@@ -92,9 +93,21 @@ export default function Picker({
       );
   };
 
+  // For inline/calendar display, ensure the component takes full width by default
+  const computedStyle = React.useMemo(() => {
+    if (display === IOS_DISPLAY.inline) {
+      return StyleSheet.compose(
+        {alignSelf: 'stretch'},
+        style,
+      );
+    }
+    return style;
+  }, [display, style]);
+
   return (
     <RNDateTimePicker
       {...other}
+      style={computedStyle}
       date={dateToMilliseconds(value)}
       locale={locale !== null && locale !== '' ? locale : undefined}
       maximumDate={dateToMilliseconds(maximumDate)}