@expo/ui 58.0.13 → 58.0.14

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 58.0.14
+
+### Patch Changes
+
+- [Android] Fix the community `DateTimePicker` reading `value` as a UTC day while `minimumDate`/`maximumDate` use the device-local day. In non-UTC timezones the picker could select and return the wrong day — one before `minimumDate`. `value`'s local calendar day is now sent to Material3 as a UTC day, and the picked day is returned as a local date that keeps `value`'s time of day. ([#50941](https://github.com/expo/expo/pull/50941) by [@expo-bot](https://github.com/expo-bot))
+- [Internal] Import React Native internals from `react-native/unstable-internals-do-not-use`. ([#50860](https://github.com/expo/expo/pull/50860) by [@huntie](https://github.com/huntie))
+
 ## 58.0.13
 
 ### Patch Changes

package/android/build.gradle

@@ -12,13 +12,13 @@ apply plugin: 'expo-module-gradle-plugin'
 apply plugin: 'org.jetbrains.kotlin.plugin.compose'
 
 group = 'expo.modules.ui'
-version = '58.0.13'
+version = '58.0.14'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "58.0.13"
+    versionName "58.0.14"
     testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
   }
   buildFeatures {

package/build/community/datetime-picker/DateTimePicker.android.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { DateTimePicker as AndroidPicker, DatePickerDialog as AndroidDatePickerDialog, TimePickerDialog as AndroidTimePickerDialog } from '../../jetpack-compose/DatePicker';
 import { Host } from '../../jetpack-compose/Host';
 import { buildEvent, buildChangeEvent } from './types';
+import { localDateToUtcDayISOString, utcDayToLocalDate } from './utils';
 function modeToDisplayedComponents(mode) {
     switch(mode){
         case 'time':
@@ -24,6 +25,13 @@ function displayToAndroidVariant(display) {
 }
 export function DateTimePicker(props) {
     const { value, onChange, onValueChange, onDismiss: onDismissProp, mode = 'date', minimumDate, maximumDate, display = 'default', is24Hour, testID, style, accentColor, presentation = 'dialog', positiveButton, 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();
@@ -38,10 +46,11 @@ export function DateTimePicker(props) {
         }
     };
     const onDateSelected = (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);
         }
     };
     const selectableDates = minimumDate || maximumDate ? {
@@ -49,7 +58,7 @@ export function DateTimePicker(props) {
         end: maximumDate
     } : undefined;
     const dialogProps = {
-        initialDate: value.toISOString(),
+        initialDate,
         color: accentColor,
         confirmButtonLabel: positiveButton?.label,
         dismissButtonLabel: negativeButton?.label,
@@ -81,7 +90,7 @@ export function DateTimePicker(props) {
         },
         style: style,
         children: /*#__PURE__*/ _jsx(AndroidPicker, {
-            initialDate: value.toISOString(),
+            initialDate: initialDate,
             displayedComponents: modeToDisplayedComponents(mode),
             variant: displayToAndroidVariant(display),
             selectableDates: selectableDates,

package/build/community/datetime-picker/DateTimePicker.android.js.map

@@ -1 +1 @@
-{"version":3,"sources":["community/datetime-picker/DateTimePicker.android.tsx"],"sourcesContent":[null],"names":["DateTimePicker","AndroidPicker","DatePickerDialog","AndroidDatePickerDialog","TimePickerDialog","AndroidTimePickerDialog","Host","buildEvent","buildChangeEvent","modeToDisplayedComponents","mode","displayToAndroidVariant","display","props","value","onChange","onValueChange","onDismiss","onDismissProp","minimumDate","maximumDate","is24Hour","testID","style","accentColor","presentation","positiveButton","negativeButton","onDismissed","type","nativeEvent","timestamp","getTime","utcOffset","getTimezoneOffset","onDateSelected","date","selectableDates","start","end","undefined","dialogProps","initialDate","toISOString","color","confirmButtonLabel","label","dismissButtonLabel","onDismissRequest","variant","matchContents","vertical","displayedComponents","showVariantToggle"],"mappings":";AAAA,SACEA,kBAAkBC,aAAa,EAC/BC,oBAAoBC,uBAAuB,EAC3CC,oBAAoBC,uBAAuB,QAEtC,mCAAmC;AAC1C,SAASC,IAAI,QAAQ,6BAA6B;AAClD,SAASC,UAAU,EAAEC,gBAAgB,QAAkC,UAAU;AAEjF,SAASC,0BACPC,IAAiC;IAEjC,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,kEAAkE;YAClE,OAAO;QACT,KAAK;QACL;YACE,OAAO;IACX;AACF;AAEA,SAASC,wBACPC,OAAuC;IAEvC,OAAQA;QACN,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEA,OAAO,SAASZ,eAAea,KAA0B;IACvD,MAAM,EACJC,KAAK,EACLC,QAAQ,EACRC,aAAa,EACbC,WAAWC,aAAa,EACxBR,OAAO,MAAM,EACbS,WAAW,EACXC,WAAW,EACXR,UAAU,SAAS,EACnBS,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,WAAW,EACXC,eAAe,QAAQ,EACvBC,cAAc,EACdC,cAAc,EACf,GAAGd;IAEJ,MAAMe,cAAc;QAClB,IAAIV,eAAe;YACjBA;QACF,OAAO;YACLH,WACE;gBACEc,MAAM;gBACNC,aAAa;oBACXC,WAAWjB,MAAMkB,OAAO;oBACxBC,WAAW,CAACnB,MAAMoB,iBAAiB;gBACrC;YACF,GACApB;QAEJ;IACF;IAEA,MAAMqB,iBAAiB,CAACC;QACtB,IAAIpB,eAAe;YACjBA,cAAcR,iBAAiB4B,OAAOA;QACxC,OAAO;YACLrB,WAAWR,WAAW6B,OAAOA;QAC/B;IACF;IAEA,MAAMC,kBACJlB,eAAeC,cAAc;QAAEkB,OAAOnB;QAAaoB,KAAKnB;IAAY,IAAIoB;IAE1E,MAAMC,cAAc;QAClBC,aAAa5B,MAAM6B,WAAW;QAC9BC,OAAOpB;QACPqB,oBAAoBnB,gBAAgBoB;QACpCC,oBAAoBpB,gBAAgBmB;QACpCX;QACAa,kBAAkBpB;IACpB;IAEA,IAAIH,iBAAiB,UAAU;QAC7B,IAAIf,SAAS,QAAQ;YACnB,qBACE,KAACJ;gBAAKiB,OAAOA;0BACX,cAAA,KAAClB;oBAAyB,GAAGoC,WAAW;oBAAEpB,UAAUA;;;QAG1D;QACA,qBACE,KAACf;YAAKiB,OAAOA;sBACX,cAAA,KAACpB;gBACE,GAAGsC,WAAW;gBACfQ,SAAStC,wBAAwBC;gBACjCyB,iBAAiBA;;;IAIzB;IAEA,qBACE,KAAC/B;QAAK4C,eAAe;YAAEC,UAAU;QAAK;QAAG5B,OAAOA;kBAC9C,cAAA,KAACtB;YACCyC,aAAa5B,MAAM6B,WAAW;YAC9BS,qBAAqB3C,0BAA0BC;YAC/CuC,SAAStC,wBAAwBC;YACjCyB,iBAAiBA;YACjBhB,UAAUA;YACVuB,OAAOpB;YACPW,gBAAgBA;YAChBkB,mBAAmB;YAClB,GAAI/B,SAAS;gBAAEA;YAAO,IAAIkB,SAAS;;;AAI5C"}
+{"version":3,"sources":["community/datetime-picker/DateTimePicker.android.tsx"],"sourcesContent":[null],"names":["DateTimePicker","AndroidPicker","DatePickerDialog","AndroidDatePickerDialog","TimePickerDialog","AndroidTimePickerDialog","Host","buildEvent","buildChangeEvent","localDateToUtcDayISOString","utcDayToLocalDate","modeToDisplayedComponents","mode","displayToAndroidVariant","display","props","value","onChange","onValueChange","onDismiss","onDismissProp","minimumDate","maximumDate","is24Hour","testID","style","accentColor","presentation","positiveButton","negativeButton","usesDateComponents","initialDate","toISOString","onDismissed","type","nativeEvent","timestamp","getTime","utcOffset","getTimezoneOffset","onDateSelected","date","selected","selectableDates","start","end","undefined","dialogProps","color","confirmButtonLabel","label","dismissButtonLabel","onDismissRequest","variant","matchContents","vertical","displayedComponents","showVariantToggle"],"mappings":";AAAA,SACEA,kBAAkBC,aAAa,EAC/BC,oBAAoBC,uBAAuB,EAC3CC,oBAAoBC,uBAAuB,QAEtC,mCAAmC;AAC1C,SAASC,IAAI,QAAQ,6BAA6B;AAClD,SAASC,UAAU,EAAEC,gBAAgB,QAAkC,UAAU;AACjF,SAASC,0BAA0B,EAAEC,iBAAiB,QAAQ,UAAU;AAExE,SAASC,0BACPC,IAAiC;IAEjC,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,kEAAkE;YAClE,OAAO;QACT,KAAK;QACL;YACE,OAAO;IACX;AACF;AAEA,SAASC,wBACPC,OAAuC;IAEvC,OAAQA;QACN,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEA,OAAO,SAASd,eAAee,KAA0B;IACvD,MAAM,EACJC,KAAK,EACLC,QAAQ,EACRC,aAAa,EACbC,WAAWC,aAAa,EACxBR,OAAO,MAAM,EACbS,WAAW,EACXC,WAAW,EACXR,UAAU,SAAS,EACnBS,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,WAAW,EACXC,eAAe,QAAQ,EACvBC,cAAc,EACdC,cAAc,EACf,GAAGd;IAEJ,2FAA2F;IAC3F,gGAAgG;IAChG,0FAA0F;IAC1F,8FAA8F;IAC9F,gEAAgE;IAChE,MAAMe,qBAAqBlB,SAAS;IACpC,MAAMmB,cAAcD,qBAAqBrB,2BAA2BO,SAASA,MAAMgB,WAAW;IAE9F,MAAMC,cAAc;QAClB,IAAIb,eAAe;YACjBA;QACF,OAAO;YACLH,WACE;gBACEiB,MAAM;gBACNC,aAAa;oBACXC,WAAWpB,MAAMqB,OAAO;oBACxBC,WAAW,CAACtB,MAAMuB,iBAAiB;gBACrC;YACF,GACAvB;QAEJ;IACF;IAEA,MAAMwB,iBAAiB,CAACC;QACtB,MAAMC,WAAWZ,qBAAqBpB,kBAAkB+B,MAAMzB,SAASyB;QACvE,IAAIvB,eAAe;YACjBA,cAAcV,iBAAiBkC,WAAWA;QAC5C,OAAO;YACLzB,WAAWV,WAAWmC,WAAWA;QACnC;IACF;IAEA,MAAMC,kBACJtB,eAAeC,cAAc;QAAEsB,OAAOvB;QAAawB,KAAKvB;IAAY,IAAIwB;IAE1E,MAAMC,cAAc;QAClBhB;QACAiB,OAAOtB;QACPuB,oBAAoBrB,gBAAgBsB;QACpCC,oBAAoBtB,gBAAgBqB;QACpCV;QACAY,kBAAkBnB;IACpB;IAEA,IAAIN,iBAAiB,UAAU;QAC7B,IAAIf,SAAS,QAAQ;YACnB,qBACE,KAACN;gBAAKmB,OAAOA;0BACX,cAAA,KAACpB;oBAAyB,GAAG0C,WAAW;oBAAExB,UAAUA;;;QAG1D;QACA,qBACE,KAACjB;YAAKmB,OAAOA;sBACX,cAAA,KAACtB;gBACE,GAAG4C,WAAW;gBACfM,SAASxC,wBAAwBC;gBACjC6B,iBAAiBA;;;IAIzB;IAEA,qBACE,KAACrC;QAAKgD,eAAe;YAAEC,UAAU;QAAK;QAAG9B,OAAOA;kBAC9C,cAAA,KAACxB;YACC8B,aAAaA;YACbyB,qBAAqB7C,0BAA0BC;YAC/CyC,SAASxC,wBAAwBC;YACjC6B,iBAAiBA;YACjBpB,UAAUA;YACVyB,OAAOtB;YACPc,gBAAgBA;YAChBiB,mBAAmB;YAClB,GAAIjC,SAAS;gBAAEA;YAAO,IAAIsB,SAAS;;;AAI5C"}

package/build/community/datetime-picker/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 declare function localDateToUtcDayISOString(value: Date): string;
+/**
+ * Converts the UTC-midnight day reported by Material3 back into a local date, keeping the time of
+ * day from `timeOfDay`.
+ */
+export declare function utcDayToLocalDate(utcDay: Date, timeOfDay: Date): Date;

package/build/community/datetime-picker/utils.js

@@ -0,0 +1,19 @@
+// 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) {
+    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, timeOfDay) {
+    const result = new Date(timeOfDay);
+    result.setFullYear(utcDay.getUTCFullYear(), utcDay.getUTCMonth(), utcDay.getUTCDate());
+    return result;
+}
+
+//# sourceMappingURL=utils.js.map

package/build/community/datetime-picker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["community/datetime-picker/utils.ts"],"sourcesContent":[null],"names":["localDateToUtcDayISOString","value","Date","UTC","getFullYear","getMonth","getDate","toISOString","utcDayToLocalDate","utcDay","timeOfDay","result","setFullYear","getUTCFullYear","getUTCMonth","getUTCDate"],"mappings":"AAAA,iGAAiG;AACjG,mFAAmF;AACnF,mFAAmF;AAEnF;;;CAGC,GACD,OAAO,SAASA,2BAA2BC,KAAW;IACpD,OAAO,IAAIC,KAAKA,KAAKC,GAAG,CAACF,MAAMG,WAAW,IAAIH,MAAMI,QAAQ,IAAIJ,MAAMK,OAAO,KAAKC,WAAW;AAC/F;AAEA;;;CAGC,GACD,OAAO,SAASC,kBAAkBC,MAAY,EAAEC,SAAe;IAC7D,MAAMC,SAAS,IAAIT,KAAKQ;IACxBC,OAAOC,WAAW,CAACH,OAAOI,cAAc,IAAIJ,OAAOK,WAAW,IAAIL,OAAOM,UAAU;IACnF,OAAOJ;AACT"}

package/build/jetpack-compose/MaterialSymbolsAssetsTransformer.fx.js.map

@@ -1 +1 @@
-{"version":3,"sources":["jetpack-compose/MaterialSymbolsAssetsTransformer.fx.ts"],"sourcesContent":[null],"names":["Image","resolveAssetSource","addCustomSourceTransformer","resolver","process","env","EXPO_OS","asset","type","serverUrl","assetServerURL","defaultAsset"],"mappings":"AAAA,SAASA,KAAK,QAAQ,eAAe;AAGrC,oEAAoE;AACpE,IAAI,OAAOA,MAAMC,kBAAkB,CAACC,0BAA0B,KAAK,YAAY;IAC7E,oEAAoE;IACpEF,MAAMC,kBAAkB,CAACC,0BAA0B,CAAC,CAACC;QACnD,IACEC,QAAQC,GAAG,CAACC,OAAO,KAAK,aACxBH,SAASI,KAAK,CAACC,IAAI,KAAK,SACxBL,SAASM,SAAS,IAAI,QACtBN,SAASM,SAAS,KAAK,IACvB;YACA,6FAA6F;YAC7F,kGAAkG;YAClG,oFAAoF;YACpF,8JAA8J;YAC9J,OAAON,SAASO,cAAc;QAChC;QACA,OAAOP,SAASQ,YAAY;IAC9B;AACF"}
+{"version":3,"sources":["jetpack-compose/MaterialSymbolsAssetsTransformer.fx.ts"],"sourcesContent":[null],"names":["Image","resolveAssetSource","addCustomSourceTransformer","resolver","process","env","EXPO_OS","asset","type","serverUrl","assetServerURL","defaultAsset"],"mappings":"AAAA,SAASA,KAAK,QAAQ,eAAe;AAOrC,oEAAoE;AACpE,IAAI,OAAOA,MAAMC,kBAAkB,CAACC,0BAA0B,KAAK,YAAY;IAC7E,oEAAoE;IACpEF,MAAMC,kBAAkB,CAACC,0BAA0B,CAAC,CAACC;QACnD,IACEC,QAAQC,GAAG,CAACC,OAAO,KAAK,aACxBH,SAASI,KAAK,CAACC,IAAI,KAAK,SACxBL,SAASM,SAAS,IAAI,QACtBN,SAASM,SAAS,KAAK,IACvB;YACA,6FAA6F;YAC7F,kGAAkG;YAClG,oFAAoF;YACpF,8JAA8J;YAC9J,OAAON,SAASO,cAAc;QAChC;QACA,OAAOP,SAASQ,YAAY;IAC9B;AACF"}

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.13/expo.modules.ui-58.0.13.module → 58.0.14/expo.modules.ui-58.0.14.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "58.0.13",
+    "version": "58.0.14",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,8 +24,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.13.aar",
-          "url": "expo.modules.ui-58.0.13.aar",
+          "name": "expo.modules.ui-58.0.14.aar",
+          "url": "expo.modules.ui-58.0.14.aar",
           "size": 1843673,
           "sha512": "ef66aaa30d2d2703c4ff5c36c117ffaf8dd41a2d2a9a8a286224b817f77d20ae2298cd6e0959e1a78ccc3c741cbc286db2e8d5a086b4ed9e11acc6a206207d68",
           "sha256": "dc0a8e5a28e1f4f7d722e8706b5858844aa6eac089e89e5f8099374b309bed60",
@@ -141,8 +141,8 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-58.0.13.aar",
-          "url": "expo.modules.ui-58.0.13.aar",
+          "name": "expo.modules.ui-58.0.14.aar",
+          "url": "expo.modules.ui-58.0.14.aar",
           "size": 1843673,
           "sha512": "ef66aaa30d2d2703c4ff5c36c117ffaf8dd41a2d2a9a8a286224b817f77d20ae2298cd6e0959e1a78ccc3c741cbc286db2e8d5a086b4ed9e11acc6a206207d68",
           "sha256": "dc0a8e5a28e1f4f7d722e8706b5858844aa6eac089e89e5f8099374b309bed60",
@@ -161,8 +161,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.13-sources.jar",
-          "url": "expo.modules.ui-58.0.13-sources.jar",
+          "name": "expo.modules.ui-58.0.14-sources.jar",
+          "url": "expo.modules.ui-58.0.14-sources.jar",
           "size": 110723,
           "sha512": "3e6c99d1b6aa74d01d30339d222653a631dae2abf99075e4c25fc171fbb33f9d55bca7daee4d1cd4c6ecdcdc89fb71067de948ac4a91135b6ce38cbb337c52d1",
           "sha256": "eee15e7c9f3aeb7b3941ead7ce0e72d8174b0b95964c69ef5a1d5fbf02536fbe",

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

@@ -0,0 +1 @@
+8620eb4f3a0034ee25df426d15a2132c

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

@@ -0,0 +1 @@
+bac0bb14d7f8206e4f6fea13dab4cf103839b7f6

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

@@ -0,0 +1 @@
+9211bc6ae1cb6ca9bae211e99fdfecb0870b0e5dfc1bf31d50552e794cc02abf

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

@@ -0,0 +1 @@
+250717c1fdfaad128b302fc4d7ce975d8cb26444b84ebb91de16d911d91cef07f40632026edc6fe3653c5ebbb621a90e35c1749b301b9e70961f72428265ae4e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.13/expo.modules.ui-58.0.13.pom → 58.0.14/expo.modules.ui-58.0.14.pom}

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

@@ -0,0 +1 @@
+5830eabc528b387a16b2c11fa647cccf

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

@@ -0,0 +1 @@
+2aa19c59ef78a58437075381e54f80196277f198

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

@@ -0,0 +1 @@
+190fae0bf2c5e0e704aff6203b831db1bb670bb9d12db1d93e2c382a1aaca0a6

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

@@ -0,0 +1 @@
+b1e6707e0766bbcc90144b50abbb05f9dc5bd5c29bda43a4ba32924d7c930425a8c173d500f1ac3d9b1a3d3ad8fb4667fd848ec1ab58bc9ed4d26bbbb7ca7ee7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "58.0.13",
+  "version": "58.0.14",
   "description": "A collection of UI components",
   "keywords": [
     "Jetpack Compose",
@@ -148,7 +148,7 @@
     "@types/jest": "^30.0.0",
     "@types/node": "^22.14.0",
     "@types/react": "~19.3.0",
-    "expo-module-scripts": "56.0.7",
+    "expo-module-scripts": "56.0.8",
     "react-native-reanimated": "4.7.0",
     "react-native-worklets": "0.13.0"
   },

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

@@ -6,6 +6,7 @@ import {
 } from '../../jetpack-compose/DatePicker';
 import { Host } from '../../jetpack-compose/Host';
 import { buildEvent, buildChangeEvent, type DateTimePickerProps } from './types';
+import { localDateToUtcDayISOString, utcDayToLocalDate } from './utils';
 
 function modeToDisplayedComponents(
   mode: DateTimePickerProps['mode']
@@ -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/jetpack-compose/MaterialSymbolsAssetsTransformer.fx.ts

@@ -1,10 +1,14 @@
 import { Image } from 'react-native';
-import type AssetSourceResolver from 'react-native/Libraries/Image/AssetSourceResolver';
+import type { AssetSourceResolver } from 'react-native/unstable-internals-do-not-use';
+
+type AssetResolver = AssetSourceResolver & {
+  asset: { type?: string };
+};
 
 // @ts-expect-error: addCustomSourceTransformer type is not exported
 if (typeof Image.resolveAssetSource.addCustomSourceTransformer === 'function') {
   // @ts-expect-error: addCustomSourceTransformer type is not exported
-  Image.resolveAssetSource.addCustomSourceTransformer((resolver: AssetSourceResolver) => {
+  Image.resolveAssetSource.addCustomSourceTransformer((resolver: AssetResolver) => {
     if (
       process.env.EXPO_OS === 'android' &&
       resolver.asset.type === 'xml' &&

package/build/ts-declarations/react-native-assets.d.ts

@@ -1,31 +0,0 @@
-declare module 'react-native/Libraries/Image/AssetSourceResolver' {
-  import type { PackagerAsset } from 'react-native/asset-registry';
-
-  export type ResolvedAssetSource = {
-    __packager_asset: boolean;
-    width?: number | null;
-    height?: number | null;
-    uri: string;
-    scale: number;
-  };
-
-  export default class AssetSourceResolver {
-    serverUrl: string | null;
-    jsbundleUrl: string | null;
-    asset: PackagerAsset & { fileHashes?: string[] };
-
-    constructor(serverUrl: string | null, jsbundleUrl: string | null, asset: PackagerAsset);
-
-    isLoadedFromServer(): boolean;
-    isLoadedFromFileSystem(): boolean;
-    defaultAsset(): ResolvedAssetSource;
-    assetServerURL(): ResolvedAssetSource;
-    scaledAssetPath(): ResolvedAssetSource;
-    scaledAssetURLNearBundle(): ResolvedAssetSource;
-    resourceIdentifierWithoutScale(): ResolvedAssetSource;
-    drawableFolderInBundle(): ResolvedAssetSource;
-    fromSource(source: string): ResolvedAssetSource;
-
-    static pickScale(scales: number[], deviceScale: number): number;
-  }
-}

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

@@ -1 +0,0 @@
-52b71a4f4df5e14f0d8981c716abf0b5

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

@@ -1 +0,0 @@
-9733a96d1ff7d223a5f70be6e6dfe7bb8e87a65d

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

@@ -1 +0,0 @@
-f69ec3f19d8e25695b4285ffd82dc9c7fae64d77138b3650c75c96d785069f25

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

@@ -1 +0,0 @@
-62bb4e1488c2d1ec2a92018daf0e9a3743b13f2eac6fd9f2824b2811a50ea67f94d13aa8bda773a19bf65987b34813baeefa2103ea9af839451034086683378e

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

@@ -1 +0,0 @@
-163d916be872a111d5f095a7fa13dc3c

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

@@ -1 +0,0 @@
-3cd5de5e06cb53c184c41eb8b7136e576bdfae63

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

@@ -1 +0,0 @@
-8140b397ebcb1f6d3c375179559510d32fdeeb8b95772cba5bc2119bc5c7e5ed

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

@@ -1 +0,0 @@
-877cc4dd09304c8a40de927737422f89e43dbb7893f8d529edbf585b886113ec03bd15df807d3776ff1b22b5214390277f2fdfa2b525eb950968e534bf3a39ad

package/src/ts-declarations/react-native-assets.d.ts

@@ -1,31 +0,0 @@
-declare module 'react-native/Libraries/Image/AssetSourceResolver' {
-  import type { PackagerAsset } from 'react-native/asset-registry';
-
-  export type ResolvedAssetSource = {
-    __packager_asset: boolean;
-    width?: number | null;
-    height?: number | null;
-    uri: string;
-    scale: number;
-  };
-
-  export default class AssetSourceResolver {
-    serverUrl: string | null;
-    jsbundleUrl: string | null;
-    asset: PackagerAsset & { fileHashes?: string[] };
-
-    constructor(serverUrl: string | null, jsbundleUrl: string | null, asset: PackagerAsset);
-
-    isLoadedFromServer(): boolean;
-    isLoadedFromFileSystem(): boolean;
-    defaultAsset(): ResolvedAssetSource;
-    assetServerURL(): ResolvedAssetSource;
-    scaledAssetPath(): ResolvedAssetSource;
-    scaledAssetURLNearBundle(): ResolvedAssetSource;
-    resourceIdentifierWithoutScale(): ResolvedAssetSource;
-    drawableFolderInBundle(): ResolvedAssetSource;
-    fromSource(source: string): ResolvedAssetSource;
-
-    static pickScale(scales: number[], deviceScale: number): number;
-  }
-}