@expo/ui 57.0.15 → 57.0.17

package/ios/Modifiers/PresentationModifiers.swift

@@ -208,11 +208,11 @@ internal struct InteractiveDismissDisabledModifier: ViewModifier, Record {
 // MARK: - Presentation Background
 
 internal struct PresentationBackgroundModifier: ViewModifier, Record {
-  @Field var color: Color?
+  @Field var style: ShapeStyleValue?
 
   func body(content: Content) -> some View {
-    if #available(iOS 16.4, tvOS 16.4, *), let color {
-      content.presentationBackground(color)
+    if let shapeStyle = style?.toAnyShapeStyle() {
+      content.presentationBackground(shapeStyle)
     } else {
       content
     }

package/ios/Modifiers/ScrollClipDisabledModifier.swift

@@ -0,0 +1,16 @@
+// Copyright 2015-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal struct ScrollClipDisabledModifier: ViewModifier, Record {
+  @Field var disabled: Bool = true
+
+  func body(content: Content) -> some View {
+    if #available(iOS 17.0, tvOS 17.0, *) {
+      content.scrollClipDisabled(disabled)
+    } else {
+      content
+    }
+  }
+}

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -231,11 +231,11 @@ internal struct MonospacedDigitModifier: ViewModifier, Record {
 }
 
 internal struct TintModifier: ViewModifier, Record {
-  @Field var color: Color?
+  @Field var tint: ShapeStyleValue?
 
   func body(content: Content) -> some View {
-    if let color = color {
-      content.tint(color)
+    if let shapeStyle = tint?.toAnyShapeStyle() {
+      content.tint(shapeStyle)
     } else {
       content
     }
@@ -384,11 +384,16 @@ internal struct GrayscaleModifier: ViewModifier, Record {
 }
 
 internal struct BorderModifier: ViewModifier, Record {
-  @Field var color: Color = .white
+  // Declared as `shapeStyle` because `content` is taken by the parameter of `body(content:)`.
+  @Field("content") var shapeStyle: ShapeStyleValue?
   @Field var width: CGFloat = 1.0
 
   func body(content: Content) -> some View {
-    content.border(color, width: width)
+    if let resolvedStyle = shapeStyle?.toAnyShapeStyle() {
+      content.border(resolvedStyle, width: width)
+    } else {
+      content
+    }
   }
 }
 
@@ -418,7 +423,8 @@ internal struct ClipShapeModifier: ViewModifier, Record {
 }
 
 internal struct StrokeBorderModifier: ViewModifier, Record {
-  @Field var color: Color?
+  // Declared as `shapeStyle` because `content` is taken by the parameter of `body(content:)`.
+  @Field("content") var shapeStyle: ShapeStyleValue?
   @Field var style: StrokeStyleConfig?
   @Field var antialiased: Bool = true
   @Field var shape: ShapeType = .rectangle
@@ -451,8 +457,8 @@ internal struct StrokeBorderModifier: ViewModifier, Record {
 
   @ViewBuilder
   private func applyStrokeBorder<S: InsettableShape>(_ shape: S, _ strokeStyle: StrokeStyle) -> some View {
-    if let color {
-      shape.strokeBorder(color, style: strokeStyle, antialiased: antialiased)
+    if let resolvedStyle = shapeStyle?.toAnyShapeStyle() {
+      shape.strokeBorder(resolvedStyle, style: strokeStyle, antialiased: antialiased)
     } else {
       shape.strokeBorder(style: strokeStyle, antialiased: antialiased)
     }
@@ -2274,6 +2280,10 @@ extension ViewModifierRegistry {
       return try ScrollDisabledModifier(from: params, appContext: appContext)
     }
 
+    register("scrollClipDisabled") { params, appContext, _ in
+      return try ScrollClipDisabledModifier(from: params, appContext: appContext)
+    }
+
     register("scrollIndicators") { params, appContext, _ in
       return try ScrollIndicatorsModifier(from: params, appContext: appContext)
     }

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

@@ -0,0 +1 @@
+cee93fd5a15e4eaab695ed3175a4949f

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

@@ -0,0 +1 @@
+43ac02b43fa332c84dbd29354a8ffc002828927a

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

@@ -0,0 +1 @@
+a2eb95b5f7bc80a8406159f0cd3cc67058927f3e88d1ce5e0eed1000f47bf6e7

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

@@ -0,0 +1 @@
+6a46b6260033cfdf2fcb8cb69b966ac7dcca618a6f3e9c011819a76e42f998c2a549b1864bbbbd642b106c01d9ee184eb822019cc58d4b438103ed8d421cbb2d

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

@@ -0,0 +1 @@
+87a5f6dc53fef1a3b6810eb8db0ccc6a

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

@@ -0,0 +1 @@
+394fabe7251e3d947f0bbf2037e2bb065b8493d5

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

@@ -0,0 +1 @@
+13b9babd2eaa4ed0f4ad6a09f8443eb1a4bca31cc519d29db8371cdabd6487e4

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

@@ -0,0 +1 @@
+10a5b1af451aa49760a4c2ca23f439feeff3ee645cef0ca3af0ef7e487efeb5d26c3ff608ce68568a005f46707a5b774e274b5ca0ffc058429d633e600c9ed1e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.15/expo.modules.ui-57.0.15.module → 57.0.17/expo.modules.ui-57.0.17.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "57.0.15",
+    "version": "57.0.17",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.15.aar",
-          "url": "expo.modules.ui-57.0.15.aar",
-          "size": 1996194,
-          "sha512": "0fed5da498418bb5841100fac2b2f04d302598b81abd4159f62c8f1caecca14b831712cfff61039087834f9f1f32fe6b695cbab710e70a1b969e0bae70e471f0",
-          "sha256": "3954246789a3258d28107744fc6c8ffb721f105c6403279b0e93ca1a961bcddb",
-          "sha1": "413330dc1478358eefbcd2ad21a352e69567b868",
-          "md5": "edd3e3bac5983521c3fb8ba7a1830f75"
+          "name": "expo.modules.ui-57.0.17.aar",
+          "url": "expo.modules.ui-57.0.17.aar",
+          "size": 2072906,
+          "sha512": "10a5b1af451aa49760a4c2ca23f439feeff3ee645cef0ca3af0ef7e487efeb5d26c3ff608ce68568a005f46707a5b774e274b5ca0ffc058429d633e600c9ed1e",
+          "sha256": "13b9babd2eaa4ed0f4ad6a09f8443eb1a4bca31cc519d29db8371cdabd6487e4",
+          "sha1": "394fabe7251e3d947f0bbf2037e2bb065b8493d5",
+          "md5": "87a5f6dc53fef1a3b6810eb8db0ccc6a"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-57.0.15.aar",
-          "url": "expo.modules.ui-57.0.15.aar",
-          "size": 1996194,
-          "sha512": "0fed5da498418bb5841100fac2b2f04d302598b81abd4159f62c8f1caecca14b831712cfff61039087834f9f1f32fe6b695cbab710e70a1b969e0bae70e471f0",
-          "sha256": "3954246789a3258d28107744fc6c8ffb721f105c6403279b0e93ca1a961bcddb",
-          "sha1": "413330dc1478358eefbcd2ad21a352e69567b868",
-          "md5": "edd3e3bac5983521c3fb8ba7a1830f75"
+          "name": "expo.modules.ui-57.0.17.aar",
+          "url": "expo.modules.ui-57.0.17.aar",
+          "size": 2072906,
+          "sha512": "10a5b1af451aa49760a4c2ca23f439feeff3ee645cef0ca3af0ef7e487efeb5d26c3ff608ce68568a005f46707a5b774e274b5ca0ffc058429d633e600c9ed1e",
+          "sha256": "13b9babd2eaa4ed0f4ad6a09f8443eb1a4bca31cc519d29db8371cdabd6487e4",
+          "sha1": "394fabe7251e3d947f0bbf2037e2bb065b8493d5",
+          "md5": "87a5f6dc53fef1a3b6810eb8db0ccc6a"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.15-sources.jar",
-          "url": "expo.modules.ui-57.0.15-sources.jar",
-          "size": 101673,
-          "sha512": "20a3c1eb5e1bddbb7b3708606f314fbffaa9165cff2e148826fd2e7cd7e1def14e2b3e7ef1190ba853b66f5a71f3d32c05c71f7c7e98dc8470d2e5c2bfccd752",
-          "sha256": "c0de9f779e4c1fa3758abcbbee8831628a015e11cc4d7242fd1c1ead65a62eef",
-          "sha1": "8f8ba3c03ae3deb578a50866e3aa7c1da0a1608a",
-          "md5": "727cf7bc8ccb03288f429d152d19ebb8"
+          "name": "expo.modules.ui-57.0.17-sources.jar",
+          "url": "expo.modules.ui-57.0.17-sources.jar",
+          "size": 105126,
+          "sha512": "6a46b6260033cfdf2fcb8cb69b966ac7dcca618a6f3e9c011819a76e42f998c2a549b1864bbbbd642b106c01d9ee184eb822019cc58d4b438103ed8d421cbb2d",
+          "sha256": "a2eb95b5f7bc80a8406159f0cd3cc67058927f3e88d1ce5e0eed1000f47bf6e7",
+          "sha1": "43ac02b43fa332c84dbd29354a8ffc002828927a",
+          "md5": "cee93fd5a15e4eaab695ed3175a4949f"
         }
       ]
     }

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

@@ -0,0 +1 @@
+5cdd34e3be888a5735c256250dd728cf

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

@@ -0,0 +1 @@
+b7846d058304cfb924196deafc5d6e30418c63cd

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

@@ -0,0 +1 @@
+3ce103a426470ca2198f1231ebd5030611bcbd360a51bc830b48dcc7ad7853f2

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

@@ -0,0 +1 @@
+6c831b75309aa91c19aec99702afc5ce461d7fdd215d6acf9565429437744faf0ecc2b953f82fde708241646797dbd4adf9b47f6dc07b388e6179dd0ad4341e7

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.15/expo.modules.ui-57.0.15.pom → 57.0.17/expo.modules.ui-57.0.17.pom}

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

@@ -0,0 +1 @@
+edd1385c2afe1e6a5c4974dfc1d3b6b8

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

@@ -0,0 +1 @@
+8ec443820fac6b3c0527234e124be03c815e81d0

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

@@ -0,0 +1 @@
+68858cf5c7e2ff60833e8e6d3c4c5f1683969c7d5f24965470e431605eaa1f70

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

@@ -0,0 +1 @@
+637e334e0226ffefc9abe120e7c35fe3441432d6fe47bd1c0dff56445168808763dca58272af02d7af20442213088b037129ff8bff12ce37640a1ad88a13c4d7

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.15</latest>
-    <release>57.0.15</release>
+    <latest>57.0.17</latest>
+    <release>57.0.17</release>
     <versions>
-      <version>57.0.15</version>
+      <version>57.0.17</version>
     </versions>
-    <lastUpdated>20260901160721</lastUpdated>
+    <lastUpdated>20260908134223</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-ef804b0b5130bf45649f48809235610b
+dd7d18bde7636ea29ab7549373c2f43a

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

@@ -1 +1 @@
-00c505224838ff5cfc459029b30fbe70426dc730
+d491c408ce08119efc695fac8f3abe210c89b66a

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

@@ -1 +1 @@
-0f4c9b5ca861ed3f22c5b000a3022934d9956a512c8c28ddb6b70f883ba75503
+f6eeadee99bcfa2fce76c19ec4942a74b7323cddef420a50177b3ddaf7a0a699

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

@@ -1 +1 @@
-786895d2586ce5fb37d448df152d909e98c025c03aaf2270c419fd12255f58901f577deb0cb4d9f63fad7d3c591b528caee5583839c481d23c1737e8646dd681
+7b2b797876e13355724bf86b591ebc3bd278cbb4c6c80b55ee5bd5cc80dcd174e67f5f1ff6c9d9901bcf5042799520c481924e8dad2e672b71ca7912db357f1a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "57.0.15",
+  "version": "57.0.17",
   "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.19"
+    "expo": "57.0.21",
+    "expo-module-scripts": "56.0.3"
   },
   "jest": {
     "preset": "expo-module-scripts"
@@ -121,7 +121,7 @@
       "optional": true
     }
   },
-  "gitHead": "b76ecf192c5325793bcea31dd9bb8efd91f9ad7f",
+  "gitHead": "ee89f7c31877f111cb1705c8e5c2c8078fa80a03",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

package/spm.config.json

@@ -5,7 +5,7 @@
       "name": "ExpoUI",
       "podName": "ExpoUI",
       "platforms": [
-        "iOS(.v16)"
+        "iOS(\"16.4\")"
       ],
       "externalDependencies": [
         "ReactNativeDependencies",

package/src/community/bottom-sheet/BottomSheet.android.tsx

@@ -200,9 +200,11 @@ export function BottomSheet(props: BottomSheetProps) {
               shouldDismissOnClickOutside: enablePanDownToClose,
             }}>
             <RNHostView matchContents={fitToContents}>
-              {/* flexGrow:1 + height:0 (flex-basis 0) fills RNHostView's measured height without
-                  inheriting the scrollable child's content height, which would block scrolling to the end. */}
-              <View style={fitToContents ? undefined : { flexGrow: 1, height: 0 }}>
+              {/* With matchContents, RNHostView lays the hosted view out at its own size, so `width` gives it
+                  the sheet width while its height stays content-sized. Otherwise flexGrow:1 + height:0
+                  (flex-basis 0) fills RNHostView's measured height without inheriting the scrollable
+                  child's content height, which would block scrolling to the end. */}
+              <View style={fitToContents ? { width } : { flexGrow: 1, height: 0 }}>
                 <SheetScrollContextReset>{children}</SheetScrollContextReset>
               </View>
             </RNHostView>

package/src/community/bottom-sheet/BottomSheet.ios.tsx

@@ -234,12 +234,13 @@ export function BottomSheet(props: BottomSheetProps) {
               <RNHostView matchContents={fitToContents}>
                 {/* paddingTop compensates for tighter spacing between native drag indicator and content
                     compared to gorhom's handle. flexGrow:1 + height:0 (flex-basis 0) fills the snap-point
-                    height without inheriting the scrollable child's intrinsic content height. Omitted for fitToContents
-                    so RNHostView can measure natural content height. */}
+                    height without inheriting the scrollable child's intrinsic content height. With matchContents,
+                    RNHostView lays the hosted view out at its own size, so `width` gives it the sheet width
+                    while its height stays content-sized. */}
                 <View
                   style={
                     fitToContents
-                      ? { paddingTop: handleComponent !== null ? 16 : 0 }
+                      ? { width, paddingTop: handleComponent !== null ? 16 : 0 }
                       : { flexGrow: 1, height: 0, paddingTop: handleComponent !== null ? 16 : 0 }
                   }>
                   <SheetScrollContextReset>{children}</SheetScrollContextReset>

package/src/jetpack-compose/DatePicker/index.tsx

@@ -8,6 +8,20 @@ export type AndroidVariant = 'picker' | 'input';
 
 export type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';
 
+/**
+ * The date range reported by `DateRangePicker` and `DateRangePickerDialog`.
+ */
+export type DateRangeSelection = {
+  /**
+   * The selected start date, or `null` when no start date is selected.
+   */
+  start: Date | null;
+  /**
+   * The selected end date, or `null` until the user selects the second date of the range.
+   */
+  end: Date | null;
+};
+
 /**
  * Color overrides for the Material 3 DatePicker component.
  * All properties are optional — unset values use Material 3 theme defaults.
@@ -177,6 +191,10 @@ function convertSelectableDates(selectableDates?: {
   };
 }
 
+function convertTimestampToDate(timestamp: number | null): Date | null {
+  return timestamp == null ? null : new Date(timestamp);
+}
+
 function transformDateTimePickerProps(props: DateTimePickerProps): NativeDatePickerProps {
   const { modifiers, variant, initialDate, selectableDates, elementColors, color, ...rest } = props;
 
@@ -210,6 +228,100 @@ export function DateTimePicker(props: DateTimePickerProps) {
   return <DatePickerNativeView {...transformDateTimePickerProps(props)} />;
 }
 
+export interface DateRangePickerProps {
+  /**
+   * The initially selected start date, as an ISO 8601 string.
+   */
+  initialStartDate?: string | null;
+  /**
+   * The initially selected end date, as an ISO 8601 string. It must be on or after `initialStartDate`.
+   */
+  initialEndDate?: string | null;
+  /**
+   * Called once when the component mounts with the initial range, and again whenever the selected date range changes.
+   * The end date is `null` while the user is selecting a range.
+   */
+  onDateRangeSelected?: (range: DateRangeSelection) => void;
+  /**
+   * The variant of the picker, which determines its appearance and behavior.
+   * @default 'picker'
+   */
+  variant?: AndroidVariant;
+  /**
+   * Show a button to toggle between variants on Android.
+   * @default true
+   */
+  showVariantToggle?: boolean;
+  /**
+   * The tint color to use on the picker elements.
+   */
+  color?: ColorValue;
+  /**
+   * Fine-grained color overrides for individual picker elements.
+   */
+  elementColors?: DatePickerElementColors;
+  /**
+   * Constrains which dates can be selected. `start` is the earliest selectable date and `end` is
+   * the latest.
+   */
+  selectableDates?: { start?: Date; end?: Date };
+  /**
+   * Modifiers for the component.
+   */
+  modifiers?: ModifierConfig[];
+}
+
+type NativeDateRangePickerProps = Omit<
+  DateRangePickerProps,
+  'onDateRangeSelected' | 'initialStartDate' | 'initialEndDate' | 'selectableDates'
+> & {
+  initialStartDate?: number | null;
+  initialEndDate?: number | null;
+  selectableDates?: { start?: number | null; end?: number | null } | null;
+} & ViewEvent<'onDateRangeSelected', { start: number | null; end: number | null }>;
+
+function transformDateRangePickerProps(
+  props: Omit<DateRangePickerProps, 'modifiers'>
+): Omit<NativeDateRangePickerProps, 'modifiers'> {
+  const {
+    initialStartDate,
+    initialEndDate,
+    selectableDates,
+    elementColors,
+    onDateRangeSelected,
+    ...rest
+  } = props;
+  return {
+    ...rest,
+    initialStartDate: initialStartDate ? new Date(initialStartDate).getTime() : null,
+    initialEndDate: initialEndDate ? new Date(initialEndDate).getTime() : null,
+    selectableDates: convertSelectableDates(selectableDates),
+    onDateRangeSelected: ({ nativeEvent: { start, end } }) => {
+      onDateRangeSelected?.({
+        start: convertTimestampToDate(start),
+        end: convertTimestampToDate(end),
+      });
+    },
+    ...(elementColors != null ? { elementColors } : undefined),
+  };
+}
+
+const DateRangePickerNativeView: React.ComponentType<NativeDateRangePickerProps> =
+  requireNativeView('ExpoUI', 'DateRangePickerView');
+
+/**
+ * Renders an inline Material 3 date range picker.
+ */
+export function DateRangePicker(props: DateRangePickerProps) {
+  const { modifiers, ...rest } = props;
+  const nativeProps: NativeDateRangePickerProps = {
+    modifiers,
+    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+    ...transformDateRangePickerProps(rest),
+  };
+  return <DateRangePickerNativeView {...nativeProps} />;
+}
+
 // -- Dialog views (used internally by the compat layer) ---------------------
 
 export interface DatePickerDialogProps {
@@ -260,6 +372,46 @@ export function DatePickerDialog(props: DatePickerDialogProps) {
   return <DatePickerDialogNativeView {...nativeProps} />;
 }
 
+export interface DateRangePickerDialogProps extends Omit<DateRangePickerProps, 'modifiers'> {
+  /**
+   * The label for the button that confirms the selected range.
+   * Defaults to the system "Ok" string.
+   */
+  confirmButtonLabel?: string;
+  /**
+   * The label for the button that dismisses the dialog.
+   * Defaults to the system "Cancel" string.
+   */
+  dismissButtonLabel?: string;
+  /** The tint color to use on the picker elements and dialog buttons. */
+  color?: ColorValue;
+  /** Callback function that is called when the user confirms a complete date range. */
+  onDateRangeSelected?: (range: DateRangeSelection) => void;
+  /** Callback function that is called when the dialog is dismissed. */
+  onDismissRequest: () => void;
+}
+
+type NativeDateRangePickerDialogProps = Omit<NativeDateRangePickerProps, 'modifiers'> &
+  Pick<DateRangePickerDialogProps, 'confirmButtonLabel' | 'dismissButtonLabel'> &
+  ViewEvent<'onDismissRequest', void>;
+
+const DateRangePickerDialogNativeView: React.ComponentType<NativeDateRangePickerDialogProps> =
+  requireNativeView('ExpoUI', 'DateRangePickerDialogView');
+
+/**
+ * Renders a modal Material 3 date range picker.
+ */
+export function DateRangePickerDialog(props: DateRangePickerDialogProps) {
+  const { confirmButtonLabel, dismissButtonLabel, onDismissRequest, ...rest } = props;
+  const nativeProps: NativeDateRangePickerDialogProps = {
+    ...transformDateRangePickerProps(rest),
+    confirmButtonLabel,
+    dismissButtonLabel,
+    onDismissRequest,
+  };
+  return <DateRangePickerDialogNativeView {...nativeProps} />;
+}
+
 export interface TimePickerDialogProps {
   initialDate?: string | null;
   is24Hour?: boolean;

package/src/jetpack-compose/RadioButton/index.tsx

@@ -1,17 +1,37 @@
 import { requireNativeView } from 'expo';
+import type { ColorValue } from 'react-native';
 
 import { type ModifierConfig, type ViewEvent } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
 
+/**
+ * Colors for the radio button in different states.
+ */
+export type RadioButtonColors = {
+  selectedColor?: ColorValue;
+  unselectedColor?: ColorValue;
+  disabledSelectedColor?: ColorValue;
+  disabledUnselectedColor?: ColorValue;
+};
+
 export interface RadioButtonProps {
   /**
    * Whether the radio button is selected.
    */
   selected: boolean;
+  /**
+   * Whether the radio button is enabled.
+   * @default true
+   */
+  enabled?: boolean;
   /**
    * Callback that is called when the radio button is clicked.
    */
   onClick?: () => void;
+  /**
+   * Colors for the radio button in different states.
+   */
+  colors?: RadioButtonColors;
   /**
    * Modifiers for the component.
    */

package/src/jetpack-compose/Slider/index.tsx

@@ -86,6 +86,14 @@ export interface SliderProps {
   children?: React.ReactNode;
 }
 
+export interface VerticalSliderProps extends SliderProps {
+  /**
+   * Whether the direction of the slider is reversed. By default, values increase from top to bottom.
+   * @default false
+   */
+  reverseDirection?: boolean;
+}
+
 type NativeSliderProps = Omit<SliderProps, 'onValueChange' | 'onValueChangeFinished' | 'children'> &
   ViewEvent<'onValueChange', { value: number }> &
   ViewEvent<'onValueChangeFinished', void> & { children?: React.ReactNode };
@@ -95,6 +103,10 @@ const SliderNativeView: React.ComponentType<NativeSliderProps> = requireNativeVi
   'SliderView'
 );
 
+const VerticalSliderNativeView: React.ComponentType<
+  NativeSliderProps & Pick<VerticalSliderProps, 'reverseDirection'>
+> = requireNativeView('ExpoUI', 'VerticalSliderView');
+
 function transformSliderProps(
   props: Omit<SliderProps, 'children'>
 ): Omit<NativeSliderProps, 'children'> {
@@ -118,7 +130,7 @@ function transformSliderProps(
 }
 
 /**
- * A custom thumb slot for `Slider`.
+ * A custom thumb slot for `Slider` and `VerticalSlider`.
  * Wrap any content to use as the slider's thumb indicator.
  *
  * @platform android
@@ -128,7 +140,7 @@ function Thumb(props: { children: React.ReactNode }) {
 }
 
 /**
- * A custom track slot for `Slider`.
+ * A custom track slot for `Slider` and `VerticalSlider`.
  * Wrap any content to use as the slider's track.
  *
  * @platform android
@@ -150,4 +162,23 @@ function SliderComponent(props: SliderProps) {
 SliderComponent.Thumb = Thumb;
 SliderComponent.Track = Track;
 
+/**
+ * A vertical slider component that wraps Material3's `VerticalSlider`.
+ *
+ * @platform android
+ */
+export function VerticalSlider(props: VerticalSliderProps) {
+  const { children, reverseDirection, ...sliderProps } = props;
+  return (
+    <VerticalSliderNativeView
+      {...transformSliderProps(sliderProps)}
+      reverseDirection={reverseDirection}>
+      {children}
+    </VerticalSliderNativeView>
+  );
+}
+
+VerticalSlider.Thumb = Thumb;
+VerticalSlider.Track = Track;
+
 export { SliderComponent as Slider };