fix: ios width

Author: Scr3nt

ios/RNDateTimePicker.m

@@ -78,11 +78,14 @@ - (CGSize)intrinsicContentSize {
     // See: https://github.com/react-native-datetimepicker/datetimepicker/issues/1014
     size.width = MAX(size.width, 280);
 
-    // For inline (calendar) display style, suggest a larger width
-    // This helps the calendar expand to fill available width
+    // For inline (calendar) display style, suggest larger dimensions
+    // UICalendarView requires sufficient height to render its content
     if (@available(iOS 14.0, *)) {
         if (self.preferredDatePickerStyle == UIDatePickerStyleInline) {
             size.width = MAX(size.width, 375); // Standard iPhone width
+            // UICalendarView needs minimum height to avoid content rendering warning
+            // Typical calendar height is around 320-360 points
+            size.height = MAX(size.height, 330);
         }
     }
 

ios/RNDateTimePickerShadowView.m

@@ -73,26 +73,41 @@ static YGSize RNDateTimePickerShadowViewMeasure(YGNodeConstRef node, float width
     // See: https://github.com/react-native-datetimepicker/datetimepicker/issues/1014
     size.width = MAX(size.width, 280);
 
+    // Check if we're using inline/calendar style
+    BOOL isInlineStyle = NO;
+    if (@available(iOS 14.0, *)) {
+      isInlineStyle = shadowPickerView.picker.preferredDatePickerStyle == UIDatePickerStyleInline;
+    }
+    
     // Respect the provided width constraint to allow the picker to expand to full width
     // when a specific width is provided or when measuring at-most mode
     if (widthMode == YGMeasureModeExactly) {
       size.width = width;
     } else if (widthMode == YGMeasureModeAtMost) {
       // For inline/calendar style, try to use the full available width
       // For other styles, use the minimum width needed
-      if (@available(iOS 14.0, *)) {
-        if (shadowPickerView.picker.preferredDatePickerStyle == UIDatePickerStyleInline) {
-          size.width = width; // Use full available width for calendar
-        } else {
-          size.width = MIN(size.width + 10, width);
-        }
+      if (isInlineStyle) {
+        size.width = width; // Use full available width for calendar
       } else {
         size.width = MIN(size.width + 10, width);
       }
     } else {
       // For undefined mode, add small padding
       size.width += 10;
     }
+    
+    // UICalendarView (inline style) requires sufficient height to render content
+    // Without this, we get: "UICalendarView's height is smaller than it can render its content in"
+    if (isInlineStyle) {
+      size.height = MAX(size.height, 330);
+      
+      // Respect height constraints if provided
+      if (heightMode == YGMeasureModeExactly) {
+        size.height = height;
+      } else if (heightMode == YGMeasureModeAtMost) {
+        size.height = MIN(size.height, height);
+      }
+    }
   });
 
   return (YGSize){

ios/fabric/RNDateTimePickerComponentView.mm

@@ -107,13 +107,17 @@ - (void) updateMeasurements {
     // See: https://github.com/react-native-datetimepicker/datetimepicker/issues/1014
     size.width = MAX(size.width, 280);
 
-    // For inline (calendar) display style, use a larger default width to fill the container
-    // The actual width will be constrained by the parent container's layout
+    // For inline (calendar) display style, use larger dimensions to fill the container
+    // The actual size will be constrained by the parent container's layout
     if (@available(iOS 14.0, *)) {
         if (_dummyPicker.preferredDatePickerStyle == UIDatePickerStyleInline) {
             // Use a large width that will be constrained by the parent
             // This allows the calendar to expand to full width of its container
             size.width = 375; // Standard iPhone width, will be constrained by parent if smaller
+            
+            // UICalendarView requires sufficient height to render its content
+            // Without this, we get: "UICalendarView's height is smaller than it can render its content in"
+            size.height = MAX(size.height, 330);
         } else {
             size.width += 10;
         }