Allow UTC format in configuration

[arthurRbr]

Hello,

The moment adapter by @angular/material-moment-adapter offers a very convenient way of parsing all dates as UTC:

@NgModule({ imports: [MatDatepickerModule, MatMomentDateModule], providers: [ { provide: MAT_MOMENT_DATE_ADAPTER_OPTIONS, useValue: { useUtc: true } } ] })

See: https://github.com/angular/material2/blob/master/src/material-moment-adapter/adapter/moment-date-adapter.ts

Would you consider adding a similar option to this library? It would save me a lot of trouble ensuring consistency between locale and UTC dates.

Thanks a lot,

[DanielYKPan]

Update ng-pick-datetime and ng-pick-datetime-moment to latest versions.

Now you could

@NgModule({
  imports: [MatDatepickerModule, MatMomentDateModule], 
  providers: [ { provide: OWL_MOMENT_DATE_TIME_ADAPTER_OPTIONS, useValue: { useUtc: true } } ] 
})

[arthurRbr]

Thanks a lot!

[PeterOeClausen]

Update ng-pick-datetime and ng-pick-datetime-moment to latest versions.

Now you could

@NgModule({
  imports: [MatDatepickerModule, MatMomentDateModule], 
  providers: [ { provide: OWL_MOMENT_DATE_TIME_ADAPTER_OPTIONS, useValue: { useUtc: true } } ] 
})

I want to display a UTC+0 date received from the server, however when I open the owlDateTimePicker it translates the date to my current timezone: UTC+2, and shows the day before!

I've added the provider you link to, and the owlDateTimePicker picks dates in UTC+0 correctly, however when reading UTC+0 dates it converts it to UTC+2.
How can I get rid of this error?

I've even tried setting:
{ provide: OWL_DATE_TIME_LOCALE, useValue: 'en-GB' }
{ provide: LOCALE_ID, useValue: 'en-GB' }
Without any changes...

Examples with screenshots are below

The date I receive (From Google console):

The date shown in my UI:

Opening the owlDateTimePicker:

[ehanken21]

@PeterOeClausen I'm having the same issue, only with UTC-7.

I have yet to fine a solution, hopefully @DanielYKPan can chime in on this.

A workaround that seems to fix it is just appending your local UTC offset to the date. In my case T07:00:00.000Z. So lets say I get the date 2019-06-10 from the server, I'm passing 2019-06-10T07:00:00.000Z to the picker. Then when I send the data back to the server, I only send the date component with date.toISOString().split('T')[0].

It's really hacky, but as of right now I don't see any other way.

[annmarie-switzer]

Update ng-pick-datetime and ng-pick-datetime-moment to latest versions.

Now you could

@NgModule({
  imports: [MatDatepickerModule, MatMomentDateModule], 
  providers: [ { provide: OWL_MOMENT_DATE_TIME_ADAPTER_OPTIONS, useValue: { useUtc: true } } ] 
})

Hey @DanielYKPan , How can I use this in conjunction with custom formats? I have tried this but it does not work:

providers: [
    { 
        provide: OWL_DATE_TIME_FORMATS, 
	useValue: [{ useUtc: true }, MY_MOMENT_FORMATS ]
    }
]

[paraneetharan]

@NgModule({
imports: [MatDatepickerModule, MatMomentDateModule],
providers: [ { provide: OWL_MOMENT_DATE_TIME_ADAPTER_OPTIONS, useValue: { useUtc: true } } ]
})
using this my IST time is showing as a UTC time in picker but after selecting time it is giving IST time