/TypeScript/Mat datepicker timezone not correct

Mat datepicker timezone not correct

import { Inject, Injectable, Optional } from '@angular/core';
import { MAT_DATE_LOCALE } from '@angular/material';   
import { MomentDateAdapter } from '@angular/material-moment-adapter';
import { Moment } from 'moment';
import * as moment from 'moment';

@Injectable()
export class MomentUtcDateAdapter extends MomentDateAdapter {

  constructor(@Optional() @Inject(MAT_DATE_LOCALE) dateLocale: string) {
    super(dateLocale);
  }

  createDate(year: number, month: number, date: number): Moment {
    // Moment.js will create an invalid date if any of the components are out of bounds, but we
    // explicitly check each case so we can throw more descriptive errors.
    if (month < 0 || month > 11) {
      throw Error(`Invalid month index "${month}". Month index has to be between 0 and 11.`);
    }

    if (date < 1) {
      throw Error(`Invalid date "${date}". Date has to be greater than 0.`);
    }

    let result = moment.utc({ year, month, date }).locale(this.locale);

    // If the result isn't valid, the date must have been out of bounds for this month.
    if (!result.isValid()) {
      throw Error(`Invalid date "${date}" for month with index "${month}".`);
    }

    return result;
  }
}

Source: stackoverflow.com

Mat datepicker timezone not correct

providers: [
    ...
    { provide: MAT_DATE_LOCALE, useValue: 'en-GB' },
    { provide: MAT_DATE_FORMATS, useValue: MAT_MOMENT_DATE_FORMATS },
    { provide: DateAdapter, useClass: MomentUtcDateAdapter },
    ...
],

Source: stackoverflow.com

Similar codes

0 vote100 views1 answer
How to change whats in a textarea
TypeScript
3 votes102 views1 answer
Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser.
TypeScript
0 vote115 views1 answer
My bootstrap alerts code is not closing
TypeScript
7 votes106 views2 answers
Conditional inline style angular
TypeScript
0 vote104 views1 answer
Property 'editor' does not exist on type 'Window & typeof globalThis'.
TypeScript
0 vote117 views1 answer
Tensorflow 1.15 doesn't exists within pip instal
TypeScript
0 vote103 views1 answer
How to get value from observable
TypeScript
0 vote116 views2 answers
Styled components tw
TypeScript
0 vote112 views1 answer
Object is possibly 'null'. 20 *ngIf="!signupForm.get('email').valid && signupForm.get('email')!.touched "
TypeScript
0 vote103 views1 answer
Usage: testing_caption_generator.py [-h] -i IMAGE testing_caption_generator.py: error: the following arguments are required: -i/--image An exception has occurred, use %tb to see the full traceback.
TypeScript