DatePickerFor display, shows date -1 day in Safari

[Brian Rutter]

I am running into an issue where when a date is displayed in Safari and Mobile Safari, the date displayed is 1 day less than the correct value. This is able to reproduced by clicking submit on the demo page here.

The code is setting the date to 3/3/2018, but the page shows 3/2/2018. After submitting, it shows 3/1/2018 and so on.

https://ej2.syncfusion.com/aspnetcore/DatePicker/DatePickerFor#/material

[Brian Rutter]

This issue also occurring on Chrome on an iPhone.

[Sevvandhi Nagulan]

Hi Brian, 

Greetings from Syncfusion support. 

We would like to inform you that, if you run the application with DatePicker component in the client and server both in different time zone such as server in India will be “+5.5” and client in US will be “-4.0”. So, this difference between server and client time zone will be occurred in the date and time values and DatePicker will displayed the value based on its client time zone value.  

   

So, by adding the serverTimeZoneOffset property, we have handled these variations in source level. For the example above, if you set the serverTimeZoneOffset to "+ 5.5" then DatePicker will display the value in any client side based on the time zone of the server. Hence, we suggest using the serverTimeZoneOffset property and provide the value to the property based on the server time. 

Regards, 

Sevvandhi N 

[Brian Rutter]

In my testing, Server and Clients were in the same timezone. 

The DatePicker on Windows is showing the correct date. 

The DatePicker on Mac/iPhone is showing the incorrect date.

[Sevvandhi Nagulan]

Hi Brian, 

We are currently validating the reported issue. We will update further details with in two business days (4^th August,2020). We appreciate your patience until then. 

Regards, 

Sevvandhi N 

[Sevvandhi Nagulan]

Hi Brian, 

Thanks for the patience. 

While checking the reported issue it seems like the time zone issue in safari and iPhone device. Because, date parsing varies between chrome and safari. Please check the below links for more information. 

https://github.com/pushtell/react-bootstrap-date-picker/issues/2 

https://github.com/moment/moment/issues/4469 

 So, we suggest you to follow the solutions given in the below stack overflow link to get rid of the reported issue.. 

https://stackoverflow.com/questions/47575314/date-parsing-varies-in-safari-with-different-time-zone 

Regards, 

Sevvandhi N