@expo/ui 57.0.20 → 57.0.22

package/ios/Modifiers/ContainerBackgroundModifier.swift

@@ -2,20 +2,18 @@
 
 import ExpoModulesCore
 import SwiftUI
-#if !os(tvOS)
-import WidgetKit
-#endif
 
 internal enum ContainerBackgroundPlacementOptions: String, Enumerable {
   case widget
   case navigation
   case navigationSplitView
 
-#if !os(tvOS)
+#if !os(tvOS) && !os(macOS)
+  // `widget` is declared in WidgetKit, so expo-widgets applies it through `ViewModifierRegistry.widgetKit`.
   @available(iOS 18.0, *)
-  var toContainerBackgroundPlacement: ContainerBackgroundPlacement {
+  var toContainerBackgroundPlacement: ContainerBackgroundPlacement? {
     switch self {
-    case .widget: return .widget
+    case .widget: return nil
     case .navigation: return .navigation
     case .navigationSplitView: return .navigationSplitView
     }
@@ -28,20 +26,35 @@ internal struct ContainerBackgroundModifier: ViewModifier, Record {
   @Field var container: ContainerBackgroundPlacementOptions?
 
   func body(content: Content) -> some View {
-#if !os(tvOS)
+#if os(tvOS) || os(macOS)
+    content
+#else
     if let shapeStyle = style?.toAnyShapeStyle(), let container {
-      if #available(iOS 18.0, *) {
-        content.containerBackground(shapeStyle, for: container.toContainerBackgroundPlacement)
-      } else if #available(iOS 17.0, *) {
-        content.containerBackground(shapeStyle, for: .widget)
+      if container == .widget, let widgetKit = ViewModifierRegistry.widgetKit {
+        widgetKit.containerBackground(AnyView(content), style: shapeStyle)
+      } else if #available(iOS 18.0, *), let placement = container.toContainerBackgroundPlacement {
+        content.containerBackground(shapeStyle, for: placement)
+      } else if let widgetKit = ViewModifierRegistry.widgetKit {
+        // On iOS 17, the other placements fall back to `widget`.
+        widgetKit.containerBackground(AnyView(content), style: shapeStyle)
       } else {
         content
       }
     } else {
       content
     }
-#else
-    content
 #endif
   }
+
+#if DEBUG
+  private static var didWarnAboutWidgetPlacement = false
+
+  func warnIfWidgetPlacementIsUnavailable() {
+    guard container == .widget, ViewModifierRegistry.widgetKit == nil, !Self.didWarnAboutWidgetPlacement else {
+      return
+    }
+    Self.didWarnAboutWidgetPlacement = true
+    log.warn("containerBackground with the 'widget' placement has no effect here, because it only applies inside widgets rendered by expo-widgets. Use the 'navigation' or 'navigationSplitView' placement in app screens.")
+  }
+#endif
 }

package/ios/Modifiers/PreferredColorSchemeModifier.swift

@@ -0,0 +1,12 @@
+// Copyright 2025-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal struct PreferredColorSchemeModifier: ViewModifier, Record {
+  @Field var colorScheme: ColorSchemeType?
+
+  func body(content: Content) -> some View {
+    content.preferredColorScheme(colorScheme?.toNativeColorScheme())
+  }
+}

package/ios/Modifiers/PresentationModifiers.swift

@@ -160,6 +160,16 @@ internal struct PresentationDragIndicatorModifier: ViewModifier, Record {
   }
 }
 
+// MARK: - Presentation Corner Radius
+
+internal struct PresentationCornerRadiusModifier: ViewModifier, Record {
+  @Field var cornerRadius: Double?
+
+  func body(content: Content) -> some View {
+    content.presentationCornerRadius(cornerRadius.map { CGFloat($0) })
+  }
+}
+
 // MARK: - Presentation Background Interaction
 
 internal enum PresentationBackgroundInteractionTypeModifier: String, Enumerable {

package/ios/Modifiers/View+ModifierArray.swift

@@ -67,10 +67,10 @@ internal extension Image {
         )
       }
 
-      if #available(iOS 18.0, *),
+      if let widgetKit = ViewModifierRegistry.widgetKit,
          let modifierConfig = modifiers.first(where: { $0["$type"] as? String == "widgetAccentedRenderingMode" }),
-         let modifier = try? WidgetAccentedRenderingModeModifier(from: modifierConfig, appContext: appContext) {
-        modifier.apply(to: image)
+         let view = widgetKit.widgetAccentedRenderingMode(image, params: modifierConfig, appContext: appContext) {
+        view
       } else {
         image
       }

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -1529,6 +1529,8 @@ public class ViewModifierRegistry {
   public typealias ModifierFactory = ([String: Any], AppContext, EventDispatcher) throws -> any ViewModifier
   private(set) internal var modifierFactories: [String: ModifierFactory] = [:]
 
+  public static var widgetKit: WidgetKitModifiers?
+
   private init() {
     registerBuiltInModifiers()
   }
@@ -1813,6 +1815,83 @@ internal struct NavigationTitleModifier: ViewModifier, Record {
   }
 }
 
+internal enum NavigationBarTitleDisplayMode: String, Enumerable {
+  case automatic
+  case inline
+  case large
+
+#if os(iOS)
+  var value: NavigationBarItem.TitleDisplayMode {
+    switch self {
+    case .automatic:
+      return .automatic
+    case .inline:
+      return .inline
+    case .large:
+      return .large
+    }
+  }
+#endif
+}
+
+internal struct NavigationBarTitleDisplayModeModifier: ViewModifier, Record {
+  @Field var displayMode: NavigationBarTitleDisplayMode = .automatic
+
+  func body(content: Content) -> some View {
+#if os(iOS)
+    content.navigationBarTitleDisplayMode(displayMode.value)
+#else
+    content
+#endif
+  }
+}
+
+internal enum ToolbarTitleDisplayModeType: String, Enumerable {
+  case automatic
+  case inline
+  case inlineLarge
+  case large
+
+  @available(iOS 17.0, tvOS 17.0, macOS 14.0, *)
+  var value: SwiftUI.ToolbarTitleDisplayMode? {
+    switch self {
+    case .automatic:
+      return .automatic
+    case .inline:
+      return .inline
+    case .inlineLarge:
+#if os(tvOS)
+      return nil
+#else
+      return .inlineLarge
+#endif
+    case .large:
+#if os(iOS)
+      return .large
+#else
+      return nil
+#endif
+    }
+  }
+}
+
+internal struct ToolbarTitleDisplayModeModifier: ViewModifier, Record {
+  @Field var mode: ToolbarTitleDisplayModeType = .automatic
+
+  @ViewBuilder
+  func body(content: Content) -> some View {
+    if #available(iOS 17.0, tvOS 17.0, macOS 14.0, *) {
+      if let value = mode.value {
+        content.toolbarTitleDisplayMode(value)
+      } else {
+        content
+      }
+    } else {
+      content
+    }
+  }
+}
+
 // MARK: - Built-in Modifier Registration
 
 // swiftlint:disable:next no_grouping_extension
@@ -1989,6 +2068,14 @@ extension ViewModifierRegistry {
       return try NavigationTitleModifier(from: params, appContext: appContext)
     }
 
+    register("navigationBarTitleDisplayMode") { params, appContext, _ in
+      return try NavigationBarTitleDisplayModeModifier(from: params, appContext: appContext)
+    }
+
+    register("toolbarTitleDisplayMode") { params, appContext, _ in
+      return try ToolbarTitleDisplayModeModifier(from: params, appContext: appContext)
+    }
+
     register("navigationSplitViewStyle") { params, appContext, _ in
       return try NavigationSplitViewStyleModifier(from: params, appContext: appContext)
     }
@@ -1997,6 +2084,26 @@ extension ViewModifierRegistry {
       return try NavigationSplitViewColumnWidthModifier(from: params, appContext: appContext)
     }
 
+    register("arrangementViewStyle") { params, appContext, _ in
+      return try ArrangementViewStyleModifier(from: params, appContext: appContext)
+    }
+
+    register("splitArrangementLayoutRatio") { params, appContext, _ in
+      return try SplitArrangementLayoutRatioModifier(from: params, appContext: appContext)
+    }
+
+    register("splitArrangementLayoutSize") { params, appContext, _ in
+      return try SplitArrangementLayoutSizeModifier(from: params, appContext: appContext)
+    }
+
+    register("splitArrangementFixedLayoutSize") { params, appContext, _ in
+      return try SplitArrangementFixedLayoutSizeModifier(from: params, appContext: appContext)
+    }
+
+    register("overlayArrangementEdge") { params, appContext, _ in
+      return try OverlayArrangementEdgeModifier(from: params, appContext: appContext)
+    }
+
     register("accessibilityLabel") { params, appContext, _ in
       return try AccessibilityLabelModifier(from: params, appContext: appContext)
     }
@@ -2305,6 +2412,10 @@ extension ViewModifierRegistry {
       return try ScrollDisabledModifier(from: params, appContext: appContext)
     }
 
+    register("preferredColorScheme") { params, appContext, _ in
+      return try PreferredColorSchemeModifier(from: params, appContext: appContext)
+    }
+
     register("scrollClipDisabled") { params, appContext, _ in
       return try ScrollClipDisabledModifier(from: params, appContext: appContext)
     }
@@ -2349,6 +2460,10 @@ extension ViewModifierRegistry {
       return try PresentationDragIndicatorModifier(from: params, appContext: appContext)
     }
 
+    register("presentationCornerRadius") { params, appContext, _ in
+      return try PresentationCornerRadiusModifier(from: params, appContext: appContext)
+    }
+
     register("presentationBackgroundInteraction") { params, appContext, _ in
       return try PresentationBackgroundInteractionModifier(from: params, appContext: appContext)
     }
@@ -2385,14 +2500,6 @@ extension ViewModifierRegistry {
       return try ContentTransitionModifier(from: params, appContext: appContext)
     }
 
-    register("widgetURL") { params, appContext, _ in
-      return try WidgetURLModifier(from: params, appContext: appContext)
-    }
-
-    register("activityBackgroundTint") { params, appContext, _ in
-      return try ActivityBackgroundTintModifier(from: params, appContext: appContext)
-    }
-
     register("keyboardType") { params, appContext, _ in
       return try KeyboardTypeModifier(from: params, appContext: appContext)
     }
@@ -2406,7 +2513,11 @@ extension ViewModifierRegistry {
     }
 
     register("containerBackground") { params, appContext, _ in
-      return try ContainerBackgroundModifier(from: params, appContext: appContext)
+      let modifier = try ContainerBackgroundModifier(from: params, appContext: appContext)
+      #if DEBUG
+      modifier.warnIfWidgetPlacementIsUnavailable()
+      #endif
+      return modifier
     }
 
     register("symbolEffect") { params, appContext, _ in

package/ios/Modifiers/WidgetKitModifiers.swift

@@ -0,0 +1,13 @@
+// Copyright 2026-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+/**
+ * The parts of SwiftUI that are declared in WidgetKit. expo-widgets sets
+ * `ViewModifierRegistry.widgetKit`, so ExpoUI does not link WidgetKit.
+ */
+public protocol WidgetKitModifiers {
+  func containerBackground(_ view: AnyView, style: AnyShapeStyle) -> AnyView
+  func widgetAccentedRenderingMode(_ image: Image, params: [String: Any], appContext: AppContext) -> AnyView?
+}

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22-sources.jar.md5

@@ -0,0 +1 @@
+67ccc30c75819937df5e850cb742a4ba

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22-sources.jar.sha1

@@ -0,0 +1 @@
+b9f56fabf01aea58b15172683c4a748b8dc3cf55

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22-sources.jar.sha256

@@ -0,0 +1 @@
+e1ff6f3760b8699263fd244601e146335a9f853109153f91be6c98d092a9302e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22-sources.jar.sha512

@@ -0,0 +1 @@
+81d467c2d81c5fb4545160a5b5563fcf0f6eb3fbb191a507382ad6b0abde41d6c5506edc2281c1e98dee29eb2c861856f8e34d4208972a2dbf2b547c77143627

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.aar.md5

@@ -0,0 +1 @@
+7220f1074490e12c04ff057048d86124

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.aar.sha1

@@ -0,0 +1 @@
+d581a4836a4dd119bfc57aca7152c5f7a45911b8

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.aar.sha256

@@ -0,0 +1 @@
+a869c8586462b852b75439dbfeaa7caef538db6eeff7bac5aee0026215a61a06

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.aar.sha512

@@ -0,0 +1 @@
+34080b16453bc36824a34471ee76e7da22af80c63cc419ea34d8c2e1e562f72f968ce8faefd5672f33a4c899c0cdf85c2e711318d859ba4d4562b7e0a61482d8

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.20/expo.modules.ui-57.0.20.module → 57.0.22/expo.modules.ui-57.0.22.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "57.0.20",
+    "version": "57.0.22",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.20.aar",
-          "url": "expo.modules.ui-57.0.20.aar",
-          "size": 2073794,
-          "sha512": "2f82464d9f3dd57fb4b970df07874ec5c213304ee02d311370ec67aab02914698c9bac90e1efa9caf649699ffd72e476c9c6f85893e478e9a395a6f460710cfc",
-          "sha256": "9b7ca89ceb5c49b9295de22b70afe86f4b486b10a7616d07b11c4b2f09becc54",
-          "sha1": "db54ddd285099815385b8d9e4a385d28be8b60e0",
-          "md5": "f64ef3618626725f3f307b6fef52a26c"
+          "name": "expo.modules.ui-57.0.22.aar",
+          "url": "expo.modules.ui-57.0.22.aar",
+          "size": 2080513,
+          "sha512": "34080b16453bc36824a34471ee76e7da22af80c63cc419ea34d8c2e1e562f72f968ce8faefd5672f33a4c899c0cdf85c2e711318d859ba4d4562b7e0a61482d8",
+          "sha256": "a869c8586462b852b75439dbfeaa7caef538db6eeff7bac5aee0026215a61a06",
+          "sha1": "d581a4836a4dd119bfc57aca7152c5f7a45911b8",
+          "md5": "7220f1074490e12c04ff057048d86124"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-57.0.20.aar",
-          "url": "expo.modules.ui-57.0.20.aar",
-          "size": 2073794,
-          "sha512": "2f82464d9f3dd57fb4b970df07874ec5c213304ee02d311370ec67aab02914698c9bac90e1efa9caf649699ffd72e476c9c6f85893e478e9a395a6f460710cfc",
-          "sha256": "9b7ca89ceb5c49b9295de22b70afe86f4b486b10a7616d07b11c4b2f09becc54",
-          "sha1": "db54ddd285099815385b8d9e4a385d28be8b60e0",
-          "md5": "f64ef3618626725f3f307b6fef52a26c"
+          "name": "expo.modules.ui-57.0.22.aar",
+          "url": "expo.modules.ui-57.0.22.aar",
+          "size": 2080513,
+          "sha512": "34080b16453bc36824a34471ee76e7da22af80c63cc419ea34d8c2e1e562f72f968ce8faefd5672f33a4c899c0cdf85c2e711318d859ba4d4562b7e0a61482d8",
+          "sha256": "a869c8586462b852b75439dbfeaa7caef538db6eeff7bac5aee0026215a61a06",
+          "sha1": "d581a4836a4dd119bfc57aca7152c5f7a45911b8",
+          "md5": "7220f1074490e12c04ff057048d86124"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.20-sources.jar",
-          "url": "expo.modules.ui-57.0.20-sources.jar",
-          "size": 105215,
-          "sha512": "78e4b35259e3faf890bbff4274c97f944b4c2c7993ddc0610db65d951caa792d9c1570edab47b86d887916b0b4255935b8581a9470d218b7a2bc611a5be71e33",
-          "sha256": "27ca3d4c9580433a6848cb86719f6d488b13cafbbd2ae1cef5069f077a626e39",
-          "sha1": "27def103f0d8bd59436344ef6e64c338dcb49d2a",
-          "md5": "e90510f84fd38fb8a7bd77c4a4b16ce0"
+          "name": "expo.modules.ui-57.0.22-sources.jar",
+          "url": "expo.modules.ui-57.0.22-sources.jar",
+          "size": 105727,
+          "sha512": "81d467c2d81c5fb4545160a5b5563fcf0f6eb3fbb191a507382ad6b0abde41d6c5506edc2281c1e98dee29eb2c861856f8e34d4208972a2dbf2b547c77143627",
+          "sha256": "e1ff6f3760b8699263fd244601e146335a9f853109153f91be6c98d092a9302e",
+          "sha1": "b9f56fabf01aea58b15172683c4a748b8dc3cf55",
+          "md5": "67ccc30c75819937df5e850cb742a4ba"
         }
       ]
     }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.module.md5

@@ -0,0 +1 @@
+7fb20f1c978e1a0b3d762c0dd5323bf9

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.module.sha1

@@ -0,0 +1 @@
+14b81e92a813dd3ff42d0b57bc819fe6fe45dbe9

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.module.sha256

@@ -0,0 +1 @@
+4f7022f3602a1162d857c67860c42f26d80c57f0955e815776e0d69da62a6b89

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.module.sha512

@@ -0,0 +1 @@
+f4323dcdf2bd04112993e148d47b98df0245f0679aedb4965f45646c987da2d513b3a312aba6ca5802a411cc07b8260c3b3a944a30da7e4b9c2d2140e9cc0b78

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.20/expo.modules.ui-57.0.20.pom → 57.0.22/expo.modules.ui-57.0.22.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>57.0.20</version>
+  <version>57.0.22</version>
   <packaging>aar</packaging>
   <name>expo.modules.ui</name>
   <url>https://github.com/expo/expo</url>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.pom.md5

@@ -0,0 +1 @@
+bf3cc748e5aba7f0faca9af9cae6ca11

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.pom.sha1

@@ -0,0 +1 @@
+64719d73cd6c6e4410f220586d1b900553d8636f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.pom.sha256

@@ -0,0 +1 @@
+b1893b9a45c11ca23be9b083040c6c8e42e5dbf2f83388fb2ecb46ebb759ef43

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.22/expo.modules.ui-57.0.22.pom.sha512

@@ -0,0 +1 @@
+2e7e5260dc6cae8eb8555c1614f8e50394413bd3cc98d8c34ffb9831458a6079516da7c302bac741da5f578dac28c7772d1cf5efd111f007f15639876db47768

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml

@@ -3,11 +3,11 @@
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
   <versioning>
-    <latest>57.0.20</latest>
-    <release>57.0.20</release>
+    <latest>57.0.22</latest>
+    <release>57.0.22</release>
     <versions>
-      <version>57.0.20</version>
+      <version>57.0.22</version>
     </versions>
-    <lastUpdated>20260924100600</lastUpdated>
+    <lastUpdated>20261006120050</lastUpdated>
   </versioning>
 </metadata>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.md5

@@ -1 +1 @@
-b0f5d41a0846b3dfe21ad3670dca256b
+ec005e8760fa18717c30f9efdbaf8407

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha1

@@ -1 +1 @@
-0da35804f95ba70d9ddd7634bca46c59c03a88a2
+213f89fcaff64a6fdd6b446eda846a2de8851a2e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha256

@@ -1 +1 @@
-24ab2f0670c5032cddc11479196d1c37ca62c00553dd61e91adcf9fa8e4b6cdd
+fd6986f721f0b9289418efa80805a6cf05ffcaccc5f74b409b7953f92f5a053e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha512

@@ -1 +1 @@
-2eeaec75ff3371d3acdff5a2c6fe9aa40845808d62682a5359dcf291fcc765c2e64d36822cd67820eeb896b573cfab204e20a028e82f3d7d1e21f0f141e8315e
+9461340626636adffd749d7a45d2b9ee7741281f8c1507b97ca59fcf2c1a9cdb97cede810b8aa5dbe7f8d22d6076a512501797a90eb796b321ec3a39624f4241

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "57.0.20",
+  "version": "57.0.22",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js",
@@ -96,8 +96,8 @@
     "@types/react": "~19.2.0",
     "react-native-reanimated": "4.5.1",
     "react-native-worklets": "0.10.1",
-    "expo-module-scripts": "56.0.3",
-    "expo": "57.0.25"
+    "expo": "57.0.27",
+    "expo-module-scripts": "56.0.3"
   },
   "jest": {
     "preset": "expo-module-scripts"
@@ -121,7 +121,7 @@
       "optional": true
     }
   },
-  "gitHead": "9349d1457178dd9cccb8bdd3aed47473c49134e1",
+  "gitHead": "50ac74f1ab5682c8e32b24da6e5e97dd4dbbb80f",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

package/src/community/datetime-picker/DateTimePicker.android.tsx

@@ -1,4 +1,5 @@
 import { buildEvent, buildChangeEvent, type DateTimePickerProps } from './types';
+import { localDateToUtcDayISOString, utcDayToLocalDate } from './utils';
 import {
   DateTimePicker as AndroidPicker,
   DatePickerDialog as AndroidDatePickerDialog,
@@ -52,6 +53,14 @@ export function DateTimePicker(props: DateTimePickerProps) {
     negativeButton,
   } = props;
 
+  // Material3 date pickers work in UTC days, while `value` and the reported date are local —
+  // matching `@react-native-community/datetimepicker`. Send `value`'s local calendar day as a UTC
+  // day and convert the picked UTC day back, keeping `value`'s time of day. The native side
+  // already converts `minimumDate`/`maximumDate` by their local calendar day. Time pickers read
+  // local hours from the instant, so they take `value` unchanged.
+  const usesDateComponents = mode !== 'time';
+  const initialDate = usesDateComponents ? localDateToUtcDayISOString(value) : value.toISOString();
+
   const onDismissed = () => {
     if (onDismissProp) {
       onDismissProp();
@@ -70,10 +79,11 @@ export function DateTimePicker(props: DateTimePickerProps) {
   };
 
   const onDateSelected = (date: Date) => {
+    const selected = usesDateComponents ? utcDayToLocalDate(date, value) : date;
     if (onValueChange) {
-      onValueChange(buildChangeEvent(date), date);
+      onValueChange(buildChangeEvent(selected), selected);
     } else {
-      onChange?.(buildEvent(date), date);
+      onChange?.(buildEvent(selected), selected);
     }
   };
 
@@ -81,7 +91,7 @@ export function DateTimePicker(props: DateTimePickerProps) {
     minimumDate || maximumDate ? { start: minimumDate, end: maximumDate } : undefined;
 
   const dialogProps = {
-    initialDate: value.toISOString(),
+    initialDate,
     color: accentColor,
     confirmButtonLabel: positiveButton?.label,
     dismissButtonLabel: negativeButton?.label,
@@ -111,7 +121,7 @@ export function DateTimePicker(props: DateTimePickerProps) {
   return (
     <Host matchContents={{ vertical: true }} style={style}>
       <AndroidPicker
-        initialDate={value.toISOString()}
+        initialDate={initialDate}
         displayedComponents={modeToDisplayedComponents(mode)}
         variant={displayToAndroidVariant(display)}
         selectableDates={selectableDates}

package/src/community/datetime-picker/utils.ts

@@ -0,0 +1,21 @@
+// Material3's DatePicker (and the native side's `toUtcDayMillis` bounds conversion) works in UTC
+// days, while `value`, `minimumDate`, and `maximumDate` are local dates — matching
+// `@react-native-community/datetimepicker`. These helpers convert between the two.
+
+/**
+ * Returns the ISO string of the UTC midnight of `value`'s local calendar day, so Material3 shows
+ * the same day the user sees locally.
+ */
+export function localDateToUtcDayISOString(value: Date): string {
+  return new Date(Date.UTC(value.getFullYear(), value.getMonth(), value.getDate())).toISOString();
+}
+
+/**
+ * Converts the UTC-midnight day reported by Material3 back into a local date, keeping the time of
+ * day from `timeOfDay`.
+ */
+export function utcDayToLocalDate(utcDay: Date, timeOfDay: Date): Date {
+  const result = new Date(timeOfDay);
+  result.setFullYear(utcDay.getUTCFullYear(), utcDay.getUTCMonth(), utcDay.getUTCDate());
+  return result;
+}

package/src/community/picker/Picker.android.tsx

@@ -36,6 +36,11 @@ export function Picker<T extends PickerItemValue>(props: PickerProps<T>) {
   const selectedLabel = selectedItem?.label ?? '';
   const labelState = useNativeState(selectedLabel);
 
+  // `useNativeState` only captures its initial value, so push later changes to the field.
+  React.useEffect(() => {
+    labelState.set(selectedLabel);
+  }, [labelState, selectedLabel]);
+
   return (
     <Host style={style} matchContents={{ vertical: true }}>
       <ExposedDropdownMenuBox