@mantine/dates - npm Package Compare versions

Comparing version 7.0.0-beta.5 to 7.0.0-beta.6

lib/components/Calendar/Calendar.d.ts

@@ -40,2 +40,4 @@ import React from 'react';
     __staticSelector?: string;
+    /** Internal Variable to check if timezones were applied by parent component */
+    __timezoneApplied?: boolean;
     /** Prevents focus shift when buttons are clicked */
@@ -42,0 +44,0 @@ __preventFocus?: boolean;

lib/components/Calendar/pick-calendar-levels-props/pick-calendar-levels-props.d.ts

@@ -51,4 +51,4 @@ export declare function pickCalendarProps<T extends Record<string, any>>(props: T): {
     };
-    others: Omit<T, "locale" | "firstDayOfWeek" | "weekendDays" | "date" | "renderDay" | "weekdayFormat" | "getDayProps" | "excludeDate" | "minDate" | "maxDate" | "hideOutsideDates" | "hideWeekdays" | "getDayAriaLabel" | "withCellSpacing" | "yearsListFormat" | "getYearControlProps" | "monthsListFormat" | "getMonthControlProps" | "nextIcon" | "previousIcon" | "decadeLabelFormat" | "yearLabelFormat" | "monthLabelFormat" | "numberOfColumns" | "defaultLevel" | "level" | "onLevelChange" | "onYearSelect" | "onMonthSelect" | "onYearMouseEnter" | "onMonthMouseEnter" | "maxLevel" | "minLevel" | "__updateDateOnYearSelect" | "__updateDateOnMonthSelect" | "defaultDate" | "onDateChange" | "columnsToScroll" | "ariaLabels" | "onNextDecade" | "onPreviousDecade" | "onNextYear" | "onPreviousYear" | "onNextMonth" | "onPreviousMonth" | "allowSingleDateInRange" | "allowDeselect">;
+    others: Omit<T, "locale" | "firstDayOfWeek" | "weekendDays" | "date" | "minDate" | "maxDate" | "renderDay" | "weekdayFormat" | "getDayProps" | "excludeDate" | "hideOutsideDates" | "hideWeekdays" | "getDayAriaLabel" | "withCellSpacing" | "yearsListFormat" | "getYearControlProps" | "monthsListFormat" | "getMonthControlProps" | "nextIcon" | "previousIcon" | "decadeLabelFormat" | "yearLabelFormat" | "monthLabelFormat" | "numberOfColumns" | "level" | "allowSingleDateInRange" | "allowDeselect" | "defaultLevel" | "onLevelChange" | "onYearSelect" | "onMonthSelect" | "onYearMouseEnter" | "onMonthMouseEnter" | "maxLevel" | "minLevel" | "__updateDateOnYearSelect" | "__updateDateOnMonthSelect" | "defaultDate" | "onDateChange" | "columnsToScroll" | "ariaLabels" | "onNextDecade" | "onPreviousDecade" | "onNextYear" | "onPreviousYear" | "onNextMonth" | "onPreviousMonth">;
 };
 //# sourceMappingURL=pick-calendar-levels-props.d.ts.map

lib/components/DateInput/date-string-parser/date-string-parser.d.ts

@@ -1,2 +0,2 @@
-export declare function dateStringParser(dateString: string | null): Date | null;
+export declare function dateStringParser(dateString: string | null, timezone?: string): Date | null;
 //# sourceMappingURL=date-string-parser.d.ts.map

lib/components/DatesProvider/DatesProvider.d.ts

@@ -5,2 +5,3 @@ import React from 'react';
     locale: string;
+    timezone: string | null;
     firstDayOfWeek: DayOfWeek;
@@ -7,0 +8,0 @@ weekendDays: DayOfWeek[];

lib/components/DatesProvider/use-dates-context.d.ts

 import { DayOfWeek } from '../../types';
 export declare function useDatesContext(): {
     getLocale: (input?: string) => string;
+    getTimezone: (input?: string) => string | undefined;
     getFirstDayOfWeek: (input?: DayOfWeek) => DayOfWeek;
@@ -8,2 +9,3 @@ getWeekendDays: (input?: DayOfWeek[]) => DayOfWeek[];
     locale: string;
+    timezone: string | null;
     firstDayOfWeek: DayOfWeek;
@@ -10,0 +12,0 @@ weekendDays: DayOfWeek[];

lib/components/Month/get-month-days/get-month-days.d.ts

 import { DayOfWeek } from '../../../types';
-export declare function getMonthDays(month: Date, firstDayOfWeek?: DayOfWeek): Date[][];
+export declare function getMonthDays(month: Date, firstDayOfWeek?: DayOfWeek, timezone?: string | undefined): Date[][];
 //# sourceMappingURL=get-month-days.d.ts.map

lib/components/PickerInputBase/PickerInputBase.d.ts

@@ -39,3 +39,3 @@ import React from 'react';
     type: DatePickerType;
-    size: MantineSize;
+    size?: MantineSize;
 }
@@ -42,0 +42,0 @@ export type PickerInputBaseFactory = Factory<{

lib/hooks/use-dates-state/use-dates-state.d.ts

@@ -7,4 +7,5 @@ /// <reference types="react" />
     onMouseLeave?(event: React.MouseEvent<HTMLDivElement>): void;
+    applyTimezone?: boolean;
 }
-export declare function useDatesState<Type extends DatePickerType = 'default'>({ type, level, value, defaultValue, onChange, allowSingleDateInRange, allowDeselect, onMouseLeave, }: UseDatesRangeInput<Type>): {
+export declare function useDatesState<Type extends DatePickerType = 'default'>({ type, level, value, defaultValue, onChange, allowSingleDateInRange, allowDeselect, onMouseLeave, applyTimezone, }: UseDatesRangeInput<Type>): {
     onDateChange: (date: Date) => void;
@@ -11,0 +12,0 @@ onRootMouseLeave: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;

lib/hooks/use-uncontrolled-dates/use-uncontrolled-dates.d.ts

@@ -7,5 +7,6 @@ import { DatePickerType, DatePickerValue } from '../../types';
     onChange: ((value: DatePickerValue<Type>) => void) | undefined;
+    applyTimezone?: boolean;
 }
-export declare function useUncontrolledDates<Type extends DatePickerType = 'default'>({ type, value, defaultValue, onChange, }: UseUncontrolledDates<Type>): any[];
+export declare function useUncontrolledDates<Type extends DatePickerType = 'default'>({ type, value, defaultValue, onChange, applyTimezone, }: UseUncontrolledDates<Type>): any[];
 export {};
 //# sourceMappingURL=use-uncontrolled-dates.d.ts.map

lib/utils/get-default-clamped-date.d.ts

 interface GetDefaultClampedDate {
     minDate: Date | undefined;
     maxDate: Date | undefined;
+    timezone?: string;
 }
-export declare function getDefaultClampedDate({ minDate, maxDate }: GetDefaultClampedDate): Date;
+export declare function getDefaultClampedDate({ minDate, maxDate, timezone }: GetDefaultClampedDate): Date;
 export {};
 //# sourceMappingURL=get-default-clamped-date.d.ts.map

lib/utils/index.d.ts

@@ -5,2 +5,3 @@ export { getFormattedDate } from './get-formatted-date';
 export { getDefaultClampedDate } from './get-default-clamped-date';
+export { shiftTimezone } from './shift-timezone';
 //# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "@mantine/dates",
   "description": "Calendars, date and time pickers based on Mantine components",
-  "version": "7.0.0-beta.5",
+  "version": "7.0.0-beta.6",
   "types": "./lib/index.d.ts",
@@ -41,4 +41,4 @@ "module": "./esm/index.js",
   "peerDependencies": {
-    "@mantine/core": "7.0.0-beta.5",
-    "@mantine/hooks": "7.0.0-beta.5",
+    "@mantine/core": "7.0.0-beta.6",
+    "@mantine/hooks": "7.0.0-beta.6",
     "dayjs": "^1.10.5",
@@ -45,0 +45,0 @@ "react": "^18.2.0",

No alert changes

Improved metrics

Total package byte prevSize

1150427

increased by0.36%

Number of package files

468

increased by3.54%

Lines of code

12354

increased by0.23%

No dependency changes