/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

5 votes175 views2 answers
Formgroup check if valid
TypeScript
1 vote160 views1 answer
Add module tslib
TypeScript
1 vote185 views1 answer
Python lists union
TypeScript
1 vote164 views1 answer
How to remove the dots from ul
TypeScript
3 votes236 views2 answers
Array of objects how to check if property has duplicate
TypeScript
0 vote150 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
0 vote173 views1 answer
"http://" looks like a URL. Beautiful Soup is not an HTTP client. You should probably use an HTTP client like requests to get the document behind the URL, and feed that document to Beautiful Soup. markup
TypeScript
0 vote179 views1 answer
Exposants python
TypeScript
7 votes177 views3 answers
Typescript ignore
TypeScript
1 vote154 views1 answer
Microsoft outlook graph get events dates
TypeScript