Error: Exception in HostFunction: Non-whitespace character found after end of conversion: "-07-10T12:51:52.881Z"

[bnv1223]

Getting the error :
Error: Exception in HostFunction: Non-whitespace character found after end of conversion: "-07-10T12:51:52.881Z"

"react": "18.2.0",
"react-native": "0.74.1",
"react-native-date-picker": "^5.0.4",

[badrey]

I made a fix which works for me. Had the same issue with new architecture enabled on Android
#848

[henninghall]

Please provide example code where this issue is reproducible and I'll look into it

[pasindupansiluvault]

Please provide example code where this issue is reproducible and I'll look into it

So the issue happens when using the component with modal={false} and newArchEnabled=true

[brentkelly]

@henninghall this happens for me with just the default inline example:

import React, { useState } from 'react'
import DatePicker from 'react-native-date-picker'

export default () => {
  const [date, setDate] = useState(new Date())

  return <DatePicker date={date} onDateChange={setDate} />
}

New architecture enabled. Relevant packages:

"react": "18.2.0",
"react-native": "~0.75.0",
"react-native-date-picker": "^5.0.7",

[shel404]

Facing the same issue while using inline mode with newArchEnabled

[szarbartosz]

Having the same issue (new arch) - @henninghall are there any updates on this one? 🙏
(created dev builds with eas - the issue occurs only on android emulator - on ios it works fine)

[SzymonGonet]

Same issue... @henninghall any updates on this one?

[mateoabrbt]

Same issue ! @henninghall

[lpcapestanya]

same issue here, is there any solution ?

[swoo888]

for people get stuck by this error, Badrey made a fix for this. see comments above. To use the fix, edit package.json dependency section to use this line below, and it will pull in Badrey's fix.
"react-native-date-picker": "git+https://github.com/badrey/react-native-date-picker.git#new-arc-fix"

[henninghall]

Hi guys I’ll look into this, which device languages is active when this happens?

[mateoabrbt]

Hello for me it was French !

[brentkelly]

Hi guys I’ll look into this, which device languages is active when this happens?

@henninghall FYI for me it was just the default inline example in English.

[RamProg]

Same error here! (also french)

@badrey solution is working for me, @henninghall can we consider to integrate it to the next release? Thank you.

[agag4]

i have same issue, is there any solution ??

[luisnquin]

Same here

[OldsunFlush]

Same here. Even with the fix, the app crashes on date change.

[adblanc]

@OldsunFlush I had the same issue at first and it was because I forgot to rebuild the app, now it seems to works smoothly even on date change with the fix 👍

[ilteoood]

I have the same issue and I confirm that patching the package using @badrey's PR worked on my app with the native architecture enabled.

[henninghall]

I have been able to reproduce this in new architecture (bridgeless) with expo 52.

I appreciate @badrey 's solution, but unfortunately it is not something we can merge at the moment.

I've made a draft PR of the approach we would need, if anyone got the time, please pick it up from there and complete it. Make it compile and test it out. I will have limited internet access until end of januari but I will be able to review and merge PRs.

Thanks guys!

[OldsunFlush]

Indeed, it seems to works after a rebuild!

[sabinayakc]

Having the same issue. Currently using @badrey's solution until this gets fixed upstream.

[cebrakadabra]

I applied it as a patch for now to fix it in the new architecture (RN0.76.3), (react-native-date-picker ^5.0.7).
(only needed for android, as pointed out)

Step 1:

Edit the package as described in #848, paths:

./node_modules/react-native-date-picker/android/src/main/java/com/henninghall/date_picker/Utils.java
./node_modules/react-native-date-picker/src/DatePickerAndroid.js

Step 2:

Install patch-package

npm install patch-package -D 

or via yarn

yarn add patch-package postinstall-postinstall --dev

Step 3:

add the postinstall script in your package.json

"scripts": {
  "postinstall": "patch-package"
 }

Step 4:

Create the patch file

npx patch-package react-native-date-picker

or

yarn patch-package react-native-date-picker

Step 5:

This will produce a file in your ./patches directory

Step 6:

Apply the patch

npm install or yarn

Step 7:

Add your staged changes

git add .
git commit ...
git push origin ...

[baicuhaha]

I still have the same issue. Can the official release solve this problem? I'm just using it in a simple way.
const [date, setDate] = useState(new Date());