DOES NOT HANDLE NEW ZEALAND TIMEZONE / LOCALE

[scotartt]

Table of Contents

• Expected Behavior
• Current Behavior
• Possible Solution
• Steps to Reproduce (for bugs)
• Context
• Your Environment

Expected Behavior

It should display dates in New Zealand correctly.

Current Behavior

If the current location on a local computer is set to a new zealand location, the displayed date in the text field is always +1 day from the selected or entered date. (Yes, I am entering a "6" for "6 August" and it displays a "7").

Possible Solution

No idea. Use locales correctly? Don't use the UTC offset? (NZ is UTC+12).

Steps to Reproduce (for bugs)

1. Set your local computer's timezone to New Zealand Standard Time (UTC +12), e.g. set "Auckland" as location on a Mac.

2. Go to Demo site http://pushtell.github.io/react-bootstrap-date-picker/

3. Select a date from the date picker

4. Notice the displayed date in the date picker is +1 from the selected date.

I've confirmed in my own implementation of the component that the underlying time and date I get back from the component is correct (wtf?) but the date display in the field is incorrect.

This is true even if you type the date!

IT did my head in when the users in our New Zealand airports reported this issue (on their iPads) but I've verified it in both iPads, and on my Mac on Chrome and Safari and the issue is trivially reproduced on your demo site.

Context

OMG we are an airline and I'm ripping this component straight out.

Your Environment

• Version used: ^5.1.0
• Browser Name and version: Safari Mac, Safari iOS, Chrome.
• Operating System and version (desktop or mobile): iOS 11 & 12, macOS 10.14.6
• Link to your project: sorry, not public, aviation security related, but it breaks on your demo site in the exact same way.

[scotartt]

FYI. the following fields on the demo site do work correctly:

That is, they display the selected date.

[scotartt]

But, for example, these ones do NOT work correctly and have the same exhibited behaviour as I've seen in my own app: