Angular Material Datepicker not keeps local timezone

Question

I have such code:

<mat-form-field class="example-full-width">
                <input
                  [matDatepicker]="picker"
                  formControlName="from"
                  matInput
                />
                <mat-datepicker-toggle [for]="picker" matSuffix></mat-datepicker-toggle>
                <mat-datepicker #picker></mat-datepicker>
</mat-form-field>
<div>{{element.get('from').value.toISOString()}}</div>
<div>{{element.get('from').value}}</div>

this._formBuilder.group({
        from: [moment(source.from).local()]
})

I want that user will work with local timezone, but on server I want to send zero UTC offset.
Initially, it shows the correct date

But when I choose a different date from datepicker, it clears timezone from date for some reason. I don't need it.

Why it can be happening?

IngBond · Accepted Answer · 2023-01-16 10:47:43Z

0

That was because of moment.tz.setDefault

answered Jan 16, 2023 at 10:47

IngBond

6982 gold badges6 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular Material Datepicker not keeps local timezone

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related