@mui/x-date-pickers 6.5.0 → 6.6.0

package/AdapterDateFns/AdapterDateFns.d.ts

@@ -28,6 +28,7 @@ type DateFnsLocale = typeof defaultLocale;
  */
 export declare class AdapterDateFns implements MuiPickersAdapter<Date, DateFnsLocale> {
     isMUIAdapter: boolean;
+    isTimezoneCompatible: boolean;
     lib: string;
     locale?: DateFnsLocale;
     formats: AdapterFormats;
@@ -38,6 +39,9 @@ export declare class AdapterDateFns implements MuiPickersAdapter<Date, DateFnsLo
     };
     constructor({ locale, formats }?: AdapterOptions<DateFnsLocale, never>);
     date: (value?: any) => Date | null;
+    dateWithTimezone: (value: string | null | undefined) => Date | null;
+    getTimezone: () => string;
+    setTimezone: (value: Date) => Date;
     toJsDate: (value: Date) => Date;
     parseISO: (isoString: string) => Date;
     toISO: (value: Date) => string;
@@ -85,12 +89,14 @@ export declare class AdapterDateFns implements MuiPickersAdapter<Date, DateFnsLo
     getHours: (value: Date) => number;
     getMinutes: (value: Date) => number;
     getSeconds: (value: Date) => number;
+    getMilliseconds: (value: Date) => number;
     setYear: (value: Date, year: number) => Date;
     setMonth: (value: Date, month: number) => Date;
     setDate: (value: Date, date: number) => Date;
     setHours: (value: Date, hours: number) => Date;
     setMinutes: (value: Date, minutes: number) => Date;
     setSeconds: (value: Date, seconds: number) => Date;
+    setMilliseconds: (value: Date, milliseconds: number) => Date;
     getDaysInMonth: (value: Date) => number;
     getNextMonth: (value: Date) => Date;
     getPreviousMonth: (value: Date) => Date;

package/AdapterDateFns/AdapterDateFns.js

@@ -27,6 +27,7 @@ import getHours from 'date-fns/getHours';
 import getMinutes from 'date-fns/getMinutes';
 import getMonth from 'date-fns/getMonth';
 import getSeconds from 'date-fns/getSeconds';
+import getMilliseconds from 'date-fns/getMilliseconds';
 import getWeek from 'date-fns/getWeek';
 import getYear from 'date-fns/getYear';
 import isAfter from 'date-fns/isAfter';
@@ -43,6 +44,7 @@ import setHours from 'date-fns/setHours';
 import setMinutes from 'date-fns/setMinutes';
 import setMonth from 'date-fns/setMonth';
 import setSeconds from 'date-fns/setSeconds';
+import setMilliseconds from 'date-fns/setMilliseconds';
 import setYear from 'date-fns/setYear';
 import startOfDay from 'date-fns/startOfDay';
 import startOfMonth from 'date-fns/startOfMonth';
@@ -281,6 +283,7 @@ export class AdapterDateFns {
     formats
   } = {}) {
     this.isMUIAdapter = true;
+    this.isTimezoneCompatible = false;
     this.lib = 'date-fns';
     this.locale = void 0;
     this.formats = void 0;
@@ -298,6 +301,15 @@ export class AdapterDateFns {
       }
       return new Date(value);
     };
+    this.dateWithTimezone = value => {
+      return this.date(value);
+    };
+    this.getTimezone = () => {
+      return 'default';
+    };
+    this.setTimezone = value => {
+      return value;
+    };
     this.toJsDate = value => {
       return value;
     };
@@ -498,6 +510,9 @@ export class AdapterDateFns {
     this.getSeconds = value => {
       return getSeconds(value);
     };
+    this.getMilliseconds = value => {
+      return getMilliseconds(value);
+    };
     this.setYear = (value, year) => {
       return setYear(value, year);
     };
@@ -516,6 +531,9 @@ export class AdapterDateFns {
     this.setSeconds = (value, seconds) => {
       return setSeconds(value, seconds);
     };
+    this.setMilliseconds = (value, milliseconds) => {
+      return setMilliseconds(value, milliseconds);
+    };
     this.getDaysInMonth = value => {
       return getDaysInMonth(value);
     };

package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts

@@ -28,6 +28,7 @@ type DateFnsLocale = typeof defaultLocale;
  */
 export declare class AdapterDateFnsJalali implements MuiPickersAdapter<Date, DateFnsLocale> {
     isMUIAdapter: boolean;
+    isTimezoneCompatible: boolean;
     lib: string;
     locale?: DateFnsLocale;
     formats: AdapterFormats;
@@ -38,6 +39,9 @@ export declare class AdapterDateFnsJalali implements MuiPickersAdapter<Date, Dat
     };
     constructor({ locale, formats }?: AdapterOptions<DateFnsLocale, never>);
     date: (value?: any) => Date | null;
+    dateWithTimezone: (value: string | null | undefined) => Date | null;
+    getTimezone: () => string;
+    setTimezone: (value: Date) => Date;
     toJsDate: (value: Date) => Date;
     parseISO: (isoString: string) => Date;
     toISO: (value: Date) => string;
@@ -85,12 +89,14 @@ export declare class AdapterDateFnsJalali implements MuiPickersAdapter<Date, Dat
     getHours: (value: Date) => number;
     getMinutes: (value: Date) => number;
     getSeconds: (value: Date) => number;
+    getMilliseconds: (value: Date) => number;
     setYear: (value: Date, year: number) => Date;
     setMonth: (value: Date, month: number) => Date;
     setDate: (value: Date, date: number) => Date;
     setHours: (value: Date, hours: number) => Date;
     setMinutes: (value: Date, minutes: number) => Date;
     setSeconds: (value: Date, seconds: number) => Date;
+    setMilliseconds: (value: Date, milliseconds: number) => Date;
     getDaysInMonth: (value: Date) => number;
     getNextMonth: (value: Date) => Date;
     getPreviousMonth: (value: Date) => Date;

package/AdapterDateFnsJalali/AdapterDateFnsJalali.js

@@ -24,6 +24,7 @@ import dateFnsFormat from 'date-fns-jalali/format';
 import formatISO from 'date-fns-jalali/formatISO';
 import getHours from 'date-fns-jalali/getHours';
 import getSeconds from 'date-fns-jalali/getSeconds';
+import getMilliseconds from 'date-fns-jalali/getMilliseconds';
 import getWeek from 'date-fns-jalali/getWeek';
 import getYear from 'date-fns-jalali/getYear';
 import getMonth from 'date-fns-jalali/getMonth';
@@ -45,6 +46,7 @@ import setHours from 'date-fns-jalali/setHours';
 import setMinutes from 'date-fns-jalali/setMinutes';
 import setMonth from 'date-fns-jalali/setMonth';
 import setSeconds from 'date-fns-jalali/setSeconds';
+import setMilliseconds from 'date-fns-jalali/setMilliseconds';
 import setYear from 'date-fns-jalali/setYear';
 import startOfDay from 'date-fns-jalali/startOfDay';
 import startOfMonth from 'date-fns-jalali/startOfMonth';
@@ -293,6 +295,7 @@ export class AdapterDateFnsJalali {
     formats
   } = {}) {
     this.isMUIAdapter = true;
+    this.isTimezoneCompatible = false;
     this.lib = 'date-fns-jalali';
     this.locale = void 0;
     this.formats = void 0;
@@ -310,6 +313,15 @@ export class AdapterDateFnsJalali {
       }
       return new Date(value);
     };
+    this.dateWithTimezone = value => {
+      return this.date(value);
+    };
+    this.getTimezone = () => {
+      return 'default';
+    };
+    this.setTimezone = value => {
+      return value;
+    };
     this.toJsDate = value => {
       return value;
     };
@@ -510,6 +522,9 @@ export class AdapterDateFnsJalali {
     this.getSeconds = value => {
       return getSeconds(value);
     };
+    this.getMilliseconds = value => {
+      return getMilliseconds(value);
+    };
     this.setYear = (value, year) => {
       return setYear(value, year);
     };
@@ -528,6 +543,9 @@ export class AdapterDateFnsJalali {
     this.setSeconds = (value, seconds) => {
       return setSeconds(value, seconds);
     };
+    this.setMilliseconds = (value, milliseconds) => {
+      return setMilliseconds(value, milliseconds);
+    };
     this.getDaysInMonth = value => {
       return getDaysInMonth(value);
     };

package/AdapterDayjs/AdapterDayjs.d.ts

@@ -1,5 +1,5 @@
 import defaultDayjs, { Dayjs } from 'dayjs';
-import { FieldFormatTokenMap, MuiPickersAdapter, AdapterFormats, AdapterUnits, AdapterOptions } from '../models';
+import { FieldFormatTokenMap, MuiPickersAdapter, AdapterFormats, AdapterUnits, AdapterOptions, PickersTimezone } from '../models';
 type Constructor = (...args: Parameters<typeof defaultDayjs>) => Dayjs;
 /**
  * Based on `@date-io/dayjs`
@@ -28,6 +28,7 @@ type Constructor = (...args: Parameters<typeof defaultDayjs>) => Dayjs;
  */
 export declare class AdapterDayjs implements MuiPickersAdapter<Dayjs, string> {
     isMUIAdapter: boolean;
+    isTimezoneCompatible: boolean;
     lib: string;
     rawDayJsInstance: typeof defaultDayjs;
     dayjs: Constructor;
@@ -39,8 +40,18 @@ export declare class AdapterDayjs implements MuiPickersAdapter<Dayjs, string> {
     };
     formatTokenMap: FieldFormatTokenMap;
     constructor({ locale, formats, instance }?: AdapterOptions<string, typeof defaultDayjs>);
+    private setLocaleToValue;
+    private hasUTCPlugin;
+    private hasTimezonePlugin;
+    private isSame;
+    private createSystemDate;
+    private createUTCDate;
+    private createTZDate;
     private getLocaleFormats;
     date: (value?: any) => defaultDayjs.Dayjs | null;
+    dateWithTimezone: (value: string | null | undefined, timezone: PickersTimezone) => Dayjs | null;
+    getTimezone: (value: Dayjs) => string;
+    setTimezone: (value: Dayjs, timezone: PickersTimezone) => Dayjs;
     toJsDate: (value: Dayjs) => Date;
     parseISO: (isoString: string) => defaultDayjs.Dayjs;
     toISO: (value: Dayjs) => string;
@@ -88,12 +99,14 @@ export declare class AdapterDayjs implements MuiPickersAdapter<Dayjs, string> {
     getHours: (value: Dayjs) => number;
     getMinutes: (value: Dayjs) => number;
     getSeconds: (value: Dayjs) => number;
+    getMilliseconds: (value: Dayjs) => number;
     setYear: (value: Dayjs, year: number) => defaultDayjs.Dayjs;
     setMonth: (value: Dayjs, month: number) => defaultDayjs.Dayjs;
     setDate: (value: Dayjs, date: number) => defaultDayjs.Dayjs;
     setHours: (value: Dayjs, hours: number) => defaultDayjs.Dayjs;
     setMinutes: (value: Dayjs, minutes: number) => defaultDayjs.Dayjs;
     setSeconds: (value: Dayjs, seconds: number) => defaultDayjs.Dayjs;
+    setMilliseconds: (value: Dayjs, milliseconds: number) => defaultDayjs.Dayjs;
     getDaysInMonth: (value: Dayjs) => number;
     getNextMonth: (value: Dayjs) => defaultDayjs.Dayjs;
     getPreviousMonth: (value: Dayjs) => defaultDayjs.Dayjs;

package/AdapterDayjs/AdapterDayjs.js

@@ -122,6 +122,8 @@ const defaultFormats = {
   keyboardDateTime12h: 'L hh:mm A',
   keyboardDateTime24h: 'L HH:mm'
 };
+const MISSING_UTC_PLUGIN = ['Missing UTC plugin', 'To be able to use UTC or timezones, you have to enable the `utc` plugin', 'Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc'].join('\n');
+const MISSING_TIMEZONE_PLUGIN = ['Missing timezone plugin', 'To be able to use timezones, you have to enable both the `utc` and the `timezone` plugin', 'Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone'].join('\n');
 const withLocale = (dayjs, locale) => !locale ? dayjs : (...args) => dayjs(...args).locale(locale);
 
 /**
@@ -156,6 +158,7 @@ export class AdapterDayjs {
     instance
   } = {}) {
     this.isMUIAdapter = true;
+    this.isTimezoneCompatible = true;
     this.lib = 'dayjs';
     this.rawDayJsInstance = void 0;
     this.dayjs = void 0;
@@ -166,6 +169,44 @@ export class AdapterDayjs {
       end: ']'
     };
     this.formatTokenMap = formatTokenMap;
+    this.setLocaleToValue = value => {
+      const expectedLocale = this.getCurrentLocaleCode();
+      if (expectedLocale === value.locale()) {
+        return value;
+      }
+      return value.locale(expectedLocale);
+    };
+    this.hasUTCPlugin = () => typeof defaultDayjs.utc !== 'undefined';
+    this.hasTimezonePlugin = () => typeof defaultDayjs.tz !== 'undefined';
+    this.isSame = (value, comparing, comparisonTemplate) => {
+      const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+      return value.format(comparisonTemplate) === comparingInValueTimezone.format(comparisonTemplate);
+    };
+    this.createSystemDate = value => {
+      // TODO v7: Stop using `this.rawDayJsInstance` (drop the `instance` param on the adapters)
+      return this.rawDayJsInstance(value);
+    };
+    this.createUTCDate = value => {
+      /* istanbul ignore next */
+      if (!this.hasUTCPlugin()) {
+        throw new Error(MISSING_UTC_PLUGIN);
+      }
+      return defaultDayjs.utc(value);
+    };
+    this.createTZDate = (value, timezone) => {
+      /* istanbul ignore next */
+      if (!this.hasUTCPlugin()) {
+        throw new Error(MISSING_UTC_PLUGIN);
+      }
+
+      /* istanbul ignore next */
+      if (!this.hasTimezonePlugin()) {
+        throw new Error(MISSING_TIMEZONE_PLUGIN);
+      }
+      const cleanTimezone = timezone === 'default' ? undefined : timezone;
+      const keepLocalTime = value !== undefined && !value.endsWith('Z');
+      return defaultDayjs(value).tz(cleanTimezone, keepLocalTime);
+    };
     this.getLocaleFormats = () => {
       const locales = defaultDayjs.Ls;
       const locale = this.locale || 'en';
@@ -182,6 +223,63 @@ export class AdapterDayjs {
       }
       return this.dayjs(value);
     };
+    this.dateWithTimezone = (value, timezone) => {
+      if (value === null) {
+        return null;
+      }
+      let parsedValue;
+      if (timezone === 'UTC') {
+        parsedValue = this.createUTCDate(value);
+      } else if (timezone === 'system' || timezone === 'default' && !this.hasTimezonePlugin()) {
+        parsedValue = this.createSystemDate(value);
+      } else {
+        parsedValue = this.createTZDate(value, timezone);
+      }
+      if (this.locale === undefined) {
+        return parsedValue;
+      }
+      return parsedValue.locale(this.locale);
+    };
+    this.getTimezone = value => {
+      if (this.hasUTCPlugin() && value.isUTC()) {
+        return 'UTC';
+      }
+      if (this.hasTimezonePlugin()) {
+        var _value$$x;
+        // @ts-ignore
+        const zone = (_value$$x = value.$x) == null ? void 0 : _value$$x.$timezone;
+        return zone != null ? zone : 'system';
+      }
+      return 'system';
+    };
+    this.setTimezone = (value, timezone) => {
+      if (this.getTimezone(value) === timezone) {
+        return value;
+      }
+      if (timezone === 'UTC') {
+        /* istanbul ignore next */
+        if (!this.hasUTCPlugin()) {
+          throw new Error(MISSING_UTC_PLUGIN);
+        }
+        return value.utc();
+      }
+      if (timezone === 'system') {
+        if (this.hasUTCPlugin()) {
+          return value.local();
+        }
+        return value;
+      }
+      if (!this.hasTimezonePlugin()) {
+        if (timezone === 'default') {
+          return value;
+        }
+
+        /* istanbul ignore next */
+        throw new Error(MISSING_TIMEZONE_PLUGIN);
+      }
+      const cleanZone = timezone === 'default' ? undefined : timezone;
+      return defaultDayjs.tz(value, cleanZone);
+    };
     this.toJsDate = value => {
       return value.toDate();
     };
@@ -242,37 +340,49 @@ export class AdapterDayjs {
       return this.dayjs(value).isSame(comparing);
     };
     this.isSameYear = (value, comparing) => {
-      return value.isSame(comparing, 'year');
+      return this.isSame(value, comparing, 'YYYY');
     };
     this.isSameMonth = (value, comparing) => {
-      return value.isSame(comparing, 'month');
+      return this.isSame(value, comparing, 'YYYY-MM');
     };
     this.isSameDay = (value, comparing) => {
-      return value.isSame(comparing, 'day');
+      return this.isSame(value, comparing, 'YYYY-MM-DD');
     };
     this.isSameHour = (value, comparing) => {
       return value.isSame(comparing, 'hour');
     };
     this.isAfter = (value, comparing) => {
-      return value.isAfter(comparing);
+      return value > comparing;
     };
     this.isAfterYear = (value, comparing) => {
-      return value.isAfter(comparing, 'year');
+      if (!this.hasUTCPlugin()) {
+        return value.isAfter(comparing, 'year');
+      }
+      return !this.isSameYear(value, comparing) && value.utc() > comparing.utc();
     };
     this.isAfterDay = (value, comparing) => {
-      return value.isAfter(comparing, 'day');
+      if (!this.hasUTCPlugin()) {
+        return value.isAfter(comparing, 'day');
+      }
+      return !this.isSameDay(value, comparing) && value.utc() > comparing.utc();
     };
     this.isBefore = (value, comparing) => {
-      return value.isBefore(comparing);
+      return value < comparing;
     };
     this.isBeforeYear = (value, comparing) => {
-      return value.isBefore(comparing, 'year');
+      if (!this.hasUTCPlugin()) {
+        return value.isBefore(comparing, 'year');
+      }
+      return !this.isSameYear(value, comparing) && value.utc() < comparing.utc();
     };
     this.isBeforeDay = (value, comparing) => {
-      return value.isBefore(comparing, 'day');
+      if (!this.hasUTCPlugin()) {
+        return value.isBefore(comparing, 'day');
+      }
+      return !this.isSameDay(value, comparing) && value.utc() < comparing.utc();
     };
     this.isWithinRange = (value, [start, end]) => {
-      return value.isBetween(start, end, null, '[]');
+      return value >= start && value <= end;
     };
     this.startOfYear = value => {
       return value.startOf('year');
@@ -337,6 +447,9 @@ export class AdapterDayjs {
     this.getSeconds = value => {
       return value.second();
     };
+    this.getMilliseconds = value => {
+      return value.millisecond();
+    };
     this.setYear = (value, year) => {
       return value.set('year', year);
     };
@@ -355,6 +468,9 @@ export class AdapterDayjs {
     this.setSeconds = (value, seconds) => {
       return value.set('second', seconds);
     };
+    this.setMilliseconds = (value, milliseconds) => {
+      return value.set('millisecond', milliseconds);
+    };
     this.getDaysInMonth = value => {
       return value.daysInMonth();
     };
@@ -381,12 +497,13 @@ export class AdapterDayjs {
       return [0, 1, 2, 3, 4, 5, 6].map(diff => this.formatByString(start.add(diff, 'day'), 'dd'));
     };
     this.getWeekArray = value => {
-      const start = value.startOf('month').startOf('week');
-      const end = value.endOf('month').endOf('week');
+      const cleanLocale = this.setLocaleToValue(value);
+      const start = cleanLocale.startOf('month').startOf('week');
+      const end = cleanLocale.endOf('month').endOf('week');
       let count = 0;
       let current = start;
       const nestedWeeks = [];
-      while (current.isBefore(end)) {
+      while (current < end) {
         const weekNumber = Math.floor(count / 7);
         nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
         nestedWeeks[weekNumber].push(current);
@@ -403,7 +520,7 @@ export class AdapterDayjs {
       const endDate = end.endOf('year');
       const years = [];
       let current = startDate;
-      while (current.isBefore(endDate)) {
+      while (current < endDate) {
         years.push(current);
         current = current.add(1, 'year');
       }

package/AdapterLuxon/AdapterLuxon.d.ts

@@ -1,5 +1,5 @@
 import { DateTime } from 'luxon';
-import { AdapterFormats, AdapterOptions, AdapterUnits, FieldFormatTokenMap, MuiPickersAdapter } from '../models';
+import { AdapterFormats, AdapterOptions, AdapterUnits, FieldFormatTokenMap, MuiPickersAdapter, PickersTimezone } from '../models';
 /**
  * Based on `@date-io/luxon`
  *
@@ -27,6 +27,7 @@ import { AdapterFormats, AdapterOptions, AdapterUnits, FieldFormatTokenMap, MuiP
  */
 export declare class AdapterLuxon implements MuiPickersAdapter<DateTime, string> {
     isMUIAdapter: boolean;
+    isTimezoneCompatible: boolean;
     lib: string;
     locale: string;
     formats: AdapterFormats;
@@ -37,6 +38,9 @@ export declare class AdapterLuxon implements MuiPickersAdapter<DateTime, string>
     formatTokenMap: FieldFormatTokenMap;
     constructor({ locale, formats }?: AdapterOptions<string, never>);
     date: (value?: any) => DateTime | null;
+    dateWithTimezone: (value: string | null | undefined, timezone: PickersTimezone) => DateTime | null;
+    getTimezone: (value: DateTime) => string;
+    setTimezone: (value: DateTime, timezone: PickersTimezone) => DateTime;
     toJsDate: (value: DateTime) => Date;
     parseISO: (isoString: string) => DateTime;
     toISO: (value: DateTime) => string;
@@ -84,12 +88,14 @@ export declare class AdapterLuxon implements MuiPickersAdapter<DateTime, string>
     getHours: (value: DateTime) => number;
     getMinutes: (value: DateTime) => number;
     getSeconds: (value: DateTime) => number;
+    getMilliseconds: (value: DateTime) => number;
     setYear: (value: DateTime, year: number) => DateTime;
     setMonth: (value: DateTime, month: number) => DateTime;
     setDate: (value: DateTime, date: number) => DateTime;
     setHours: (value: DateTime, hours: number) => DateTime;
     setMinutes: (value: DateTime, minutes: number) => DateTime;
     setSeconds: (value: DateTime, seconds: number) => DateTime;
+    setMilliseconds: (value: DateTime, milliseconds: number) => DateTime;
     getDaysInMonth: (value: DateTime) => import("luxon").PossibleDaysInMonth;
     getNextMonth: (value: DateTime) => DateTime;
     getPreviousMonth: (value: DateTime) => DateTime;

package/AdapterLuxon/AdapterLuxon.js

@@ -168,6 +168,7 @@ export class AdapterLuxon {
     formats
   } = {}) {
     this.isMUIAdapter = true;
+    this.isTimezoneCompatible = true;
     this.lib = 'luxon';
     this.locale = void 0;
     this.formats = void 0;
@@ -198,6 +199,38 @@ export class AdapterLuxon {
         locale: this.locale
       });
     };
+    this.dateWithTimezone = (value, timezone) => {
+      if (value === null) {
+        return null;
+      }
+      if (typeof value === 'undefined') {
+        // @ts-ignore
+        return DateTime.fromJSDate(new Date(), {
+          locale: this.locale,
+          zone: timezone
+        });
+      }
+
+      // @ts-ignore
+      return DateTime.fromISO(value, {
+        locale: this.locale,
+        zone: timezone
+      });
+    };
+    this.getTimezone = value => {
+      var _value$zoneName;
+      // When using the system zone, we want to return "system", not something like "Europe/Paris"
+      if (value.zone.type === 'system') {
+        return 'system';
+      }
+      return (_value$zoneName = value.zoneName) != null ? _value$zoneName : 'system';
+    };
+    this.setTimezone = (value, timezone) => {
+      if (!value.zone.equals(Info.normalizeZone(timezone))) {
+        return value.setZone(timezone);
+      }
+      return value;
+    };
     this.toJsDate = value => {
       return value.toJSDate();
     };
@@ -290,40 +323,48 @@ export class AdapterLuxon {
       if (value === null || comparing === null) {
         return false;
       }
-      return this.date(value).equals(this.date(comparing));
+      return +this.date(value) === +this.date(comparing);
     };
     this.isSameYear = (value, comparing) => {
-      return value.hasSame(comparing, 'year');
+      const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+      return value.hasSame(comparingInValueTimezone, 'year');
     };
     this.isSameMonth = (value, comparing) => {
-      return value.hasSame(comparing, 'month');
+      const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+      return value.hasSame(comparingInValueTimezone, 'month');
     };
     this.isSameDay = (value, comparing) => {
-      return value.hasSame(comparing, 'day');
+      const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+      return value.hasSame(comparingInValueTimezone, 'day');
     };
     this.isSameHour = (value, comparing) => {
-      return value.hasSame(comparing, 'hour');
+      const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+      return value.hasSame(comparingInValueTimezone, 'hour');
     };
     this.isAfter = (value, comparing) => {
       return value > comparing;
     };
     this.isAfterYear = (value, comparing) => {
-      const diff = value.diff(comparing.endOf('year'), 'years').toObject();
+      const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+      const diff = value.diff(comparingInValueTimezone.endOf('year'), 'years').toObject();
       return diff.years > 0;
     };
     this.isAfterDay = (value, comparing) => {
-      const diff = value.diff(comparing.endOf('day'), 'days').toObject();
+      const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+      const diff = value.diff(comparingInValueTimezone.endOf('day'), 'days').toObject();
       return diff.days > 0;
     };
     this.isBefore = (value, comparing) => {
       return value < comparing;
     };
     this.isBeforeYear = (value, comparing) => {
-      const diff = value.diff(comparing.startOf('year'), 'years').toObject();
+      const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+      const diff = value.diff(comparingInValueTimezone.startOf('year'), 'years').toObject();
       return diff.years < 0;
     };
     this.isBeforeDay = (value, comparing) => {
-      const diff = value.diff(comparing.startOf('day'), 'days').toObject();
+      const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+      const diff = value.diff(comparingInValueTimezone.startOf('day'), 'days').toObject();
       return diff.days < 0;
     };
     this.isWithinRange = (value, [start, end]) => {
@@ -407,6 +448,9 @@ export class AdapterLuxon {
     this.getSeconds = value => {
       return value.get('second');
     };
+    this.getMilliseconds = value => {
+      return value.get('millisecond');
+    };
     this.setYear = (value, year) => {
       return value.set({
         year
@@ -437,6 +481,11 @@ export class AdapterLuxon {
         second: seconds
       });
     };
+    this.setMilliseconds = (value, milliseconds) => {
+      return value.set({
+        millisecond: milliseconds
+      });
+    };
     this.getDaysInMonth = value => {
       return value.daysInMonth;
     };

package/AdapterMoment/AdapterMoment.d.ts

@@ -1,5 +1,5 @@
 import defaultMoment, { Moment } from 'moment';
-import { AdapterFormats, AdapterOptions, AdapterUnits, FieldFormatTokenMap, MuiPickersAdapter } from '../models';
+import { AdapterFormats, AdapterOptions, AdapterUnits, FieldFormatTokenMap, MuiPickersAdapter, PickersTimezone } from '../models';
 /**
  * Based on `@date-io/moment`
  *
@@ -27,6 +27,7 @@ import { AdapterFormats, AdapterOptions, AdapterUnits, FieldFormatTokenMap, MuiP
  */
 export declare class AdapterMoment implements MuiPickersAdapter<Moment, string> {
     isMUIAdapter: boolean;
+    isTimezoneCompatible: boolean;
     lib: string;
     moment: typeof defaultMoment;
     locale?: string;
@@ -37,7 +38,15 @@ export declare class AdapterMoment implements MuiPickersAdapter<Moment, string>
     };
     formatTokenMap: FieldFormatTokenMap;
     constructor({ locale, formats, instance }?: AdapterOptions<string, typeof defaultMoment>);
+    private setLocaleToValue;
+    private hasTimezonePlugin;
+    private createSystemDate;
+    private createUTCDate;
+    private createTZDate;
     date: (value?: any) => defaultMoment.Moment | null;
+    dateWithTimezone: (value: string | null | undefined, timezone: PickersTimezone) => Moment | null;
+    getTimezone: (value: Moment) => string;
+    setTimezone: (value: Moment, timezone: PickersTimezone) => Moment;
     toJsDate: (value: Moment) => Date;
     parseISO: (isoString: string) => defaultMoment.Moment;
     toISO: (value: Moment) => string;
@@ -85,12 +94,14 @@ export declare class AdapterMoment implements MuiPickersAdapter<Moment, string>
     getHours: (value: Moment) => number;
     getMinutes: (value: Moment) => number;
     getSeconds: (value: Moment) => number;
+    getMilliseconds: (value: Moment) => number;
     setYear: (value: Moment, year: number) => defaultMoment.Moment;
     setMonth: (value: Moment, month: number) => defaultMoment.Moment;
     setDate: (value: Moment, date: number) => defaultMoment.Moment;
     setHours: (value: Moment, hours: number) => defaultMoment.Moment;
     setMinutes: (value: Moment, minutes: number) => defaultMoment.Moment;
     setSeconds: (value: Moment, seconds: number) => defaultMoment.Moment;
+    setMilliseconds: (value: Moment, milliseconds: number) => defaultMoment.Moment;
     getDaysInMonth: (value: Moment) => number;
     getNextMonth: (value: Moment) => defaultMoment.Moment;
     getPreviousMonth: (value: Moment) => defaultMoment.Moment;