@expo/ui 55.0.2 → 55.0.4

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -1842,6 +1842,14 @@ extension ViewModifierRegistry {
       return try ScrollDisabledModifier(from: params, appContext: appContext)
     }
 
+    register("defaultScrollAnchor") { params, appContext, _ in
+      return try DefaultScrollAnchorModifier(from: params, appContext: appContext)
+    }
+
+    register("defaultScrollAnchorForRole") { params, appContext, _ in
+      return try DefaultScrollAnchorForRoleModifier(from: params, appContext: appContext)
+    }
+
     register("progressViewStyle") { params, appContext, _ in
       return try ProgressViewStyleModifier(from: params, appContext: appContext)
     }
@@ -1885,5 +1893,9 @@ extension ViewModifierRegistry {
     register("contentTransition") { params, appContext, _ in
       return try ContentTransitionModifier(from: params, appContext: appContext)
     }
+
+    register("widgetURL") { params, appContext, _ in
+      return try WidgetURLModifier(from: params, appContext: appContext)
+    }
   }
 }

package/ios/Modifiers/WidgetModifiers.swift

@@ -44,3 +44,15 @@ internal struct WidgetAccentedRenderingModeModifier: Record {
 #endif
   }
 }
+
+internal struct WidgetURLModifier: ViewModifier, Record {
+  @Field var url: URL?
+
+  func body(content: Content) -> some View {
+#if !os(tvOS)
+    content.widgetURL(url)
+#else
+    content
+#endif
+  }
+}

package/ios/Picker/PickerView.swift

@@ -12,14 +12,10 @@ internal final class PickerProps: UIBaseViewProps {
 
 internal struct PickerView: ExpoSwiftUI.View {
   @State var selection: AnyHashable?
-  @State var prevSelection: AnyHashable?
   @ObservedObject var props: PickerProps
-
+  
   init(props: PickerProps) {
     self.props = props
-    let initialSelection = Self.getHashableFromEither(props.selection)
-    _selection = State(initialValue: initialSelection)
-    _prevSelection = State(initialValue: initialSelection)
   }
 
   @ViewBuilder
@@ -57,11 +53,11 @@ internal struct PickerView: ExpoSwiftUI.View {
       }
       props.onSelectionChange(payload)
     }
-    .onReceive(props.selection.publisher) { newValue in
-      let hashableValue = Self.getHashableFromEither(newValue)
-      if prevSelection == hashableValue { return }
-      selection = hashableValue
-      prevSelection = hashableValue
+    .onChange(of: props.selection) { newValue in
+      selection = Self.getHashableFromEither(newValue)
+    }
+    .onAppear {
+      selection = Self.getHashableFromEither(props.selection)
     }
   }
 

package/ios/Popover/PopoverView.swift

@@ -7,11 +7,6 @@ internal struct PopoverView: ExpoSwiftUI.View {
   @ObservedObject var props: PopoverViewProps
   @State private var isPresented: Bool = false
 
-  init(props: PopoverViewProps) {
-    self.props = props
-    _isPresented = State(initialValue: props.isPresented)
-  }
-
   var body: some View {
 #if os(tvOS)
     triggerContent
@@ -40,6 +35,9 @@ internal struct PopoverView: ExpoSwiftUI.View {
       .onChange(of: props.isPresented) { newValue in
         isPresented = newValue
       }
+      .onAppear {
+        isPresented = props.isPresented
+      }
 #endif
   }
 

package/ios/ProgressView.swift

@@ -3,11 +3,6 @@
 import ExpoModulesCore
 import SwiftUI
 
-final class ClosedRangeDate: Record {
-  @Field var lower: Date?
-  @Field var upper: Date?
-}
-
 public final class ProgressViewProps: UIBaseViewProps {
   @Field var timerInterval: ClosedRangeDate?
   @Field var countsDown: Bool?

package/ios/SectionView.swift

@@ -13,14 +13,12 @@ internal struct SectionView: ExpoSwiftUI.View {
   @ObservedObject var props: SectionProps
   @State private var isExpanded: Bool = true
 
-  init(props: SectionProps) {
-    self.props = props
-    _isExpanded = State(initialValue: props.isExpanded ?? true)
-  }
-
   var body: some View {
     if #available(iOS 17.0, macOS 14.0, tvOS 17.0, *), let propIsExpanded = props.isExpanded {
       collapsibleSection
+        .onAppear {
+          isExpanded = props.isExpanded ?? true
+        }
         .onChange(of: props.isExpanded) { newValue in
           if let newValue {
             isExpanded = newValue

package/ios/SliderView.swift

@@ -7,15 +7,21 @@ struct SliderView: ExpoSwiftUI.View {
   @ObservedObject var props: SliderProps
   @State var value: Float = 0.0
   @State var isEditing: Bool = false
-
+  
   init(props: SliderProps) {
     self.props = props
-    _value = State(initialValue: props.value ?? 0.0)
   }
 
   var body: some View {
 #if !os(tvOS)
     sliderContent
+      .onAppear {
+        value = props.value ?? 0.0
+      }
+      .onChange(of: props.value) { newValue in
+        guard !isEditing else { return }
+        value = newValue ?? 0.0
+      }
       .onChange(of: value) { newValue in
         if props.value != newValue {
           props.onValueChanged([
@@ -23,10 +29,6 @@ struct SliderView: ExpoSwiftUI.View {
           ])
         }
       }
-      .onReceive(props.value.publisher, perform: { newValue in
-        guard !isEditing else { return }
-        value = newValue
-      })
 #else
     Text("Slider is not supported on tvOS")
 #endif

package/ios/StepperView.swift

@@ -5,37 +5,33 @@ import ExpoModulesCore
 
 final class StepperProps: UIBaseViewProps {
   @Field var label: String
-  @Field var defaultValue: Int?
+  @Field var value: Int = 0
   @Field var min: Int = 0
   @Field var max: Int = 100
   @Field var step: Int = 1
-  var onValueChanged = EventDispatcher()
+  var onValueChange = EventDispatcher()
 }
 
 struct StepperView: ExpoSwiftUI.View {
   @ObservedObject var props: StepperProps
-  @State var value: Int
-
+  @State var value: Int = 0
+  
   init(props: StepperProps) {
     self.props = props
-    let initialValue = props.defaultValue ?? 0
-    let clampedValue = max(props.min, min(props.max, initialValue))
-    self._value = State(initialValue: clampedValue)
   }
 
   var body: some View {
 #if !os(tvOS)
     Stepper(props.label, value: $value, in: props.min...props.max, step: props.step)
-      .onChange(of: value, perform: { newValue in
-        props.onValueChanged(([
-          "value": Int(newValue)
-        ]))
-      })
       .onAppear {
-        // Ensure the value is set correctly when the view appears
-        if let defaultValue = props.defaultValue {
-          let clampedValue = max(props.min, min(props.max, defaultValue))
-          value = clampedValue
+        value = max(props.min, min(props.max, props.value))
+      }
+      .onChange(of: props.value) { newValue in
+        value = max(props.min, min(props.max, newValue))
+      }
+      .onChange(of: value) { newValue in
+        if props.value != newValue {
+          props.onValueChange(["value": Int(newValue)])
         }
       }
 #else

package/ios/TextView.swift

@@ -3,9 +3,28 @@
 import SwiftUI
 import ExpoModulesCore
 
+public enum TextDateStyle: String, Enumerable {
+  case timer, relative, offset, date, time
+
+  func toSwiftUI() -> SwiftUI.Text.DateStyle {
+    switch self {
+    case .timer: return .timer
+    case .relative: return .relative
+    case .offset: return .offset
+    case .date: return .date
+    case .time: return .time
+    }
+  }
+}
+
 public final class TextViewProps: UIBaseViewProps {
   @Field public var text: String = ""
   @Field public var markdownEnabled: Bool = false
+  @Field public var date: Date?
+  @Field public var dateStyle: TextDateStyle?
+  @Field public var timerInterval: ClosedRangeDate?
+  @Field public var countsDown: Bool?
+  @Field public var pauseTime: Date?
 
   // Override default frame alignment for text views
   override var defaultFrameAlignment: Alignment { .leading }
@@ -24,7 +43,24 @@ public struct TextView: ExpoSwiftUI.View {
   }
 
   internal func buildText(applyModifiers: Bool = true) -> Text {
-    let text = props.markdownEnabled ? Text(LocalizedStringKey(props.text)) : Text(props.text)
+    let text: Text
+
+    if #available(iOS 16.0, tvOS 16.0, *),
+       let timerInterval = props.timerInterval,
+       let lower = timerInterval.lower,
+       let upper = timerInterval.upper,
+       lower <= upper {
+      text = Text(
+        timerInterval: ClosedRange(uncheckedBounds: (lower: lower, upper: upper)),
+        pauseTime: props.pauseTime,
+        countsDown: props.countsDown ?? true
+      )
+    } else if let date = props.date {
+      text = Text(date, style: props.dateStyle?.toSwiftUI() ?? .date)
+    } else {
+      text = props.markdownEnabled ? Text(LocalizedStringKey(props.text)) : Text(props.text)
+    }
+
     var result = applyModifiers
     ? text.applyTextModifiers(props.modifiers, appContext: props.appContext)
     : text

package/ios/Toggle/ToggleView.swift

@@ -13,10 +13,9 @@ internal final class ToggleProps: UIBaseViewProps {
 internal struct ToggleView: ExpoSwiftUI.View {
   @ObservedObject var props: ToggleProps
   @State var checked: Bool = false
-
+  
   init(props: ToggleProps) {
     self.props = props
-    _checked = State(initialValue: props.isOn ?? false)
   }
 
   var body: some View {
@@ -30,11 +29,10 @@ internal struct ToggleView: ExpoSwiftUI.View {
         ])
       }
       .onChange(of: props.isOn) { newValue in
-        guard let newValue else {
-          checked = false
-          return
-        }
-        checked = newValue
+        checked = newValue ?? false
+      }
+      .onAppear {
+        checked = props.isOn ?? false
       }
   }
 

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

@@ -0,0 +1 @@
+137fa3f768ea1d63be1de27d7d663a43

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

@@ -0,0 +1 @@
+d37f422ef8d7251d743ce6bbee5e16230ee6d654

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

@@ -0,0 +1 @@
+2798646e8f071faefc4a8c8678182ac8aa59fb458469aa6cc088658f4337ada2

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

@@ -0,0 +1 @@
+3d3bc9ee569cd399519716c66d92850b7bdde1ec0b0c328b938044699727988e55dbafec203f8f1b4613dd361bcfec03a21c084e031d73d95c45b982bd8ccd76

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

@@ -0,0 +1 @@
+10502ee86098bcfdce95a529c46261bb

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

@@ -0,0 +1 @@
+734807c9b8517ef0239b2f71af20b03bef6fa322

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

@@ -0,0 +1 @@
+7ebaf9bde2723bcb47dd8a3cf5ffbdcf0f81b2d00b9db2926469cb968da468bf

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

@@ -0,0 +1 @@
+5ef7ef206deaa6dfef5a2e05e537a30f0403374ac99fdaa68f1c9e93971f6b61fde7ca393032684eb926a3f9ab5f54f706eb6dd8c3908c26f4cb40408401a2f0

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{55.0.2/expo.modules.ui-55.0.2.module → 55.0.4/expo.modules.ui-55.0.4.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "55.0.2",
+    "version": "55.0.4",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-55.0.2.aar",
-          "url": "expo.modules.ui-55.0.2.aar",
-          "size": 776412,
-          "sha512": "8a56aa5f1a198809e7bd3601605ec9e5ae7414b7834d6d6a44c024991f27de1cd744ed4b575b23b6b537e3e759c39309b220ca9fe57ec76c42b4130326c331fb",
-          "sha256": "9a82f1f77a7ee3f302982361eb41e2bb8b86cbd430061a07cce8c4511b40cbf4",
-          "sha1": "d9837c255bb0284a69d6b234195055a11d9bd98f",
-          "md5": "c2ddc40af222d8ef304b15d13a112399"
+          "name": "expo.modules.ui-55.0.4.aar",
+          "url": "expo.modules.ui-55.0.4.aar",
+          "size": 941708,
+          "sha512": "5ef7ef206deaa6dfef5a2e05e537a30f0403374ac99fdaa68f1c9e93971f6b61fde7ca393032684eb926a3f9ab5f54f706eb6dd8c3908c26f4cb40408401a2f0",
+          "sha256": "7ebaf9bde2723bcb47dd8a3cf5ffbdcf0f81b2d00b9db2926469cb968da468bf",
+          "sha1": "734807c9b8517ef0239b2f71af20b03bef6fa322",
+          "md5": "10502ee86098bcfdce95a529c46261bb"
         }
       ]
     },
@@ -120,13 +120,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-55.0.2.aar",
-          "url": "expo.modules.ui-55.0.2.aar",
-          "size": 776412,
-          "sha512": "8a56aa5f1a198809e7bd3601605ec9e5ae7414b7834d6d6a44c024991f27de1cd744ed4b575b23b6b537e3e759c39309b220ca9fe57ec76c42b4130326c331fb",
-          "sha256": "9a82f1f77a7ee3f302982361eb41e2bb8b86cbd430061a07cce8c4511b40cbf4",
-          "sha1": "d9837c255bb0284a69d6b234195055a11d9bd98f",
-          "md5": "c2ddc40af222d8ef304b15d13a112399"
+          "name": "expo.modules.ui-55.0.4.aar",
+          "url": "expo.modules.ui-55.0.4.aar",
+          "size": 941708,
+          "sha512": "5ef7ef206deaa6dfef5a2e05e537a30f0403374ac99fdaa68f1c9e93971f6b61fde7ca393032684eb926a3f9ab5f54f706eb6dd8c3908c26f4cb40408401a2f0",
+          "sha256": "7ebaf9bde2723bcb47dd8a3cf5ffbdcf0f81b2d00b9db2926469cb968da468bf",
+          "sha1": "734807c9b8517ef0239b2f71af20b03bef6fa322",
+          "md5": "10502ee86098bcfdce95a529c46261bb"
         }
       ]
     },
@@ -140,13 +140,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-55.0.2-sources.jar",
-          "url": "expo.modules.ui-55.0.2-sources.jar",
-          "size": 56358,
-          "sha512": "588744d4be57b3e7ed22bcccd40222dcb365367cd3bb72fd0aeb4c0f1925229f986b58712f477a0eebdeb0e8d887b09e0aab21764dc372a5755e622118d88d7b",
-          "sha256": "2b50088dab0279da8a113fe0396237a4525f8a9fb130d4b1cd15b5072f866a53",
-          "sha1": "a34da0ffd5b373d346c39f45a5a61ec09f5c1b7b",
-          "md5": "88aeb5d46abccb005a1f657379a191dd"
+          "name": "expo.modules.ui-55.0.4-sources.jar",
+          "url": "expo.modules.ui-55.0.4-sources.jar",
+          "size": 60549,
+          "sha512": "3d3bc9ee569cd399519716c66d92850b7bdde1ec0b0c328b938044699727988e55dbafec203f8f1b4613dd361bcfec03a21c084e031d73d95c45b982bd8ccd76",
+          "sha256": "2798646e8f071faefc4a8c8678182ac8aa59fb458469aa6cc088658f4337ada2",
+          "sha1": "d37f422ef8d7251d743ce6bbee5e16230ee6d654",
+          "md5": "137fa3f768ea1d63be1de27d7d663a43"
         }
       ]
     }

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

@@ -0,0 +1 @@
+8e56924bfbdfce193f64db998c3a9eed

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

@@ -0,0 +1 @@
+b832195b632ff8761b0a6c59d4a12c0bbfb38f69

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

@@ -0,0 +1 @@
+3cde2316fb065490b2bf67953e88eb1c0490df22f69928632b795e760e13a9eb

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

@@ -0,0 +1 @@
+1cd6df7a2b2207a6167ddd1f4f34c37745a18fb16c125d58848cf3146fd8a11f43ccdc15f4c1a352a0d55efb1d2df382df19b30051197081b90a52077cb4a6e9

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{55.0.2/expo.modules.ui-55.0.2.pom → 55.0.4/expo.modules.ui-55.0.4.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>55.0.2</version>
+  <version>55.0.4</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/55.0.4/expo.modules.ui-55.0.4.pom.md5

@@ -0,0 +1 @@
+d5d19d69bd1c2c6b960efb092f40bbe1

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

@@ -0,0 +1 @@
+31874fcef8f1e3fef61c13fe7d64a32ac62819ce

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

@@ -0,0 +1 @@
+16bf7ce47844a5483c85b20fad391cfc6c74912b344eddb1e95f70395d9e1c68

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

@@ -0,0 +1 @@
+f415dd7401f64dcab069526d91ecb1a42d76946ccf955930887bb74c84ac0cc3a7be6c13185cd34105466d1378532f738620c23cf6caa83444088a36d98acdb9

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>55.0.2</latest>
-    <release>55.0.2</release>
+    <latest>55.0.4</latest>
+    <release>55.0.4</release>
     <versions>
-      <version>55.0.2</version>
+      <version>55.0.4</version>
     </versions>
-    <lastUpdated>20260311141702</lastUpdated>
+    <lastUpdated>20260318235530</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-3297c0326287d50f819c398744e70f0b
+1ef303d6294658c141b148e218bfa5f2

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

@@ -1 +1 @@
-52a054a9646396b7224594f0d12720d91de3d216
+9f2d4595450ecfd97a61c05ecfdaef96283fcf68

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

@@ -1 +1 @@
-0ae7bf34378bccc60cb770b147533c2b4f1d10ede0a368c6ce75ab9763c6f66e
+9214fc11ed71f55ebf46e8f7af5932b8d7ae30b2913e59a2f164e6ec886aa1fe

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

@@ -1 +1 @@
-b3f9f47205d7673ff988ddfc4632e556083ab8f5452376963677b9cc91314ff7363f811f1dfa575e8ead3c870ad237f0e930ee8804bdda308b00487e82bcd112
+b99c173582718ffd673f85f8888fc07c83406aec2344101e8def140a275ea3b1e4a54d91c9b5a43a909b89ebff90ef60bd7e0ae9bec3f3666749c1cc8dd90635

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "55.0.2",
+  "version": "55.0.4",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js"
@@ -22,6 +22,10 @@
     "./jetpack-compose/modifiers": {
       "types": "./build/jetpack-compose/modifiers/index.d.ts",
       "default": "./src/jetpack-compose/modifiers/index.ts"
+    },
+    "./datetimepicker": {
+      "types": "./build/datetime-picker/index.d.ts",
+      "default": "./src/datetime-picker/index.tsx"
     }
   },
   "scripts": {
@@ -55,10 +59,13 @@
     "@types/react": "~19.2.0",
     "expo-module-scripts": "^55.0.2"
   },
+  "jest": {
+    "preset": "expo-module-scripts"
+  },
   "peerDependencies": {
     "expo": "*",
     "react": "*",
     "react-native": "*"
   },
-  "gitHead": "bcdd2c239f8a92cdf5140e35cde768352630acd6"
+  "gitHead": "31afdbe5613d666148711cb3ec58c4b617a00c14"
 }

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

@@ -0,0 +1,126 @@
+import { buildEvent, buildChangeEvent, type DateTimePickerProps } from './types';
+import {
+  DateTimePicker as AndroidPicker,
+  DatePickerDialog as AndroidDatePickerDialog,
+  TimePickerDialog as AndroidTimePickerDialog,
+  type DateTimePickerProps as AndroidDateTimePickerProps,
+} from '../jetpack-compose/DatePicker';
+import { Host } from '../jetpack-compose/Host';
+
+function modeToDisplayedComponents(
+  mode: DateTimePickerProps['mode']
+): AndroidDateTimePickerProps['displayedComponents'] {
+  switch (mode) {
+    case 'time':
+      return 'hourAndMinute';
+    case 'datetime':
+      // Android has no inline datetime picker — fall back to date only.
+      return 'date';
+    case 'date':
+    default:
+      return 'date';
+  }
+}
+
+function displayToAndroidVariant(
+  display: DateTimePickerProps['display']
+): AndroidDateTimePickerProps['variant'] {
+  switch (display) {
+    case 'spinner':
+      return 'input';
+    default:
+      return 'picker';
+  }
+}
+
+export function DateTimePicker(props: DateTimePickerProps) {
+  const {
+    value,
+    onChange,
+    onValueChange,
+    onDismiss: onDismissProp,
+    mode = 'date',
+    minimumDate,
+    maximumDate,
+    display = 'default',
+    is24Hour,
+    testID,
+    style,
+    accentColor,
+    presentation = 'dialog',
+    positiveButton,
+    negativeButton,
+  } = props;
+
+  const onDismissed = () => {
+    if (onDismissProp) {
+      onDismissProp();
+    } else {
+      onChange?.(
+        {
+          type: 'dismissed',
+          nativeEvent: {
+            timestamp: value.getTime(),
+            utcOffset: -value.getTimezoneOffset(),
+          },
+        },
+        value
+      );
+    }
+  };
+
+  const onDateSelected = (date: Date) => {
+    if (onValueChange) {
+      onValueChange(buildChangeEvent(date), date);
+    } else {
+      onChange?.(buildEvent(date), date);
+    }
+  };
+
+  const selectableDates =
+    minimumDate || maximumDate ? { start: minimumDate, end: maximumDate } : undefined;
+
+  const dialogProps = {
+    initialDate: value.toISOString(),
+    color: accentColor,
+    confirmButtonLabel: positiveButton?.label,
+    dismissButtonLabel: negativeButton?.label,
+    onDateSelected,
+    onDismissRequest: onDismissed,
+  } as const;
+
+  if (presentation === 'dialog') {
+    if (mode === 'time') {
+      return (
+        <Host style={style}>
+          <AndroidTimePickerDialog {...dialogProps} is24Hour={is24Hour} />
+        </Host>
+      );
+    }
+    return (
+      <Host style={style}>
+        <AndroidDatePickerDialog
+          {...dialogProps}
+          variant={displayToAndroidVariant(display)}
+          selectableDates={selectableDates}
+        />
+      </Host>
+    );
+  }
+
+  return (
+    <Host matchContents={{ vertical: true }} style={style}>
+      <AndroidPicker
+        initialDate={value.toISOString()}
+        displayedComponents={modeToDisplayedComponents(mode)}
+        variant={displayToAndroidVariant(display)}
+        selectableDates={selectableDates}
+        is24Hour={is24Hour}
+        color={accentColor}
+        onDateSelected={onDateSelected}
+        showVariantToggle={false}
+        {...(testID ? { testID } : undefined)}
+      />
+    </Host>
+  );
+}