RangeError: Invalid time value

[CoderCharlie]

const now = new Date()
const nowTZ = TZDate.tz("America/New_York", now)
console.log(nowTZ.toString())

I changed it to a few other examples, still got the same error as below

RangeError: Invalid time value

[kossnocorp]

Hey! There's not enough info to do something with it. The environment, the version, your time zone, and so on.

[CoderCharlie]

{
  "@date-fns/tz": "^1.0.2",
  "date-fns": "^4.1.0",
  "react-native": "0.73.4"
  ...
}

I was running a react-native app on my iPhone 15 simulator with iOS 17.4 on MacOS 14.3.1 (23D60) with 2018 Macbook Pro

[kevin-abiera]

This is a reproduction of this bug: https://codesandbox.io/p/sandbox/datetimeformat-polyfill-timezone-forked-rkdyrp?file=%2Fsrc%2Findex.js%3A20%2C32

The hour: 'numeric' nor the timeZoneName isn't respected by the polyfill.

Would you consider updating

tz/src/tzOffset/index.ts

Line 25 in 23fea6c

const offsetStr = format(date).slice(6);

to something like the following?

const offsetStr = format(date).split('GMT')[1];

[kossnocorp]

@CoderCharlie, can you please check what this code returns in your environment:

new Intl.DateTimeFormat("en-GB", { timeZone: "Asia/Singapore", hour: "numeric", timeZoneName: "longOffset" }).format(new Date())

I don't have access to the simulator and React Native to test, but @kevin-abiera might be right because of the limited Intl support.

@kevin-abiera I guess there must be a way, but what you suggested doesn't work without hour and timeZoneName. I don't mind supporting the polyfill, but where do I look to see what is actually supported? I would appreciate a PR.

[kevin-abiera]

In react-native using expo, that would return something like: "4 pm GMT+08:00". You can test here: https://snack.expo.dev/@lightning18/talking-blue-apple and make sure to switch to "iOS" device on the right. Notice the poor support of timezones hence the need for polyfill. I can't seem to make the polyfill work in snack expo atm but you can test the output here: https://codesandbox.io/p/sandbox/datetimeformat-polyfill-timezone-forked-rkdyrp?file=%2Fsrc%2Findex.js%3A1%2C1-5%2C51. It just always returns something like: "5:53 PM GMT-9:30"

I don't think we need the hour here before the GMT? or do we?

[kevin-abiera]

@kossnocorp I created #12. Let me know what you think 🙏🏻

[kossnocorp]

Thank you, @kevin-abiera! I shipped the fix with @date-fns/[email protected]