angular-datepicker | calendar and datepicker directives for angular | Date Time Utils library

Can you pass values to the date when you assign? Something like:

Depending on your locale, the month of May falls within daylight savings time.

Setting a date of 05/01/1985 should come out as 1985-05-01T00:00.000+1:00 if you retain the timezone.

What it looks like is happening is you are extracting the date in UTC. This will convert the date to +0:00, and thus take you into the previous day at 1985-04-30T23:00.000+0.00.

If you try that Stackblitz the problem is proven - Pick a date before the end of March and after the end of October - these dates work fine as they are not in daylight savings.

your format date function pulls the date out using .toISOString(). According to Mozzila (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString) this will always return UTC time and you get your date an hour behind, and as this is at midnight, it falls to the previous day.

Since you are only concerned with the date, and the date picker may offset up to 12 hours off each way we can check for this.

A default date is always midnight, so anything ahead of UTC is fine as it will stay the same date. Anything behind UTC would go back up to 12 hours, and into the next day.

In the code, checking for the time zone offset will tell us if we are behind. If so then we want to add hours to the datetime object so that when we use toISOString we still get the date picked.

so the function should be as follows:

In your case when you need to style input with box angular-material provide that input 'appearance="outline"` if you want to use, like this