@uxf/datepicker 11.94.0 → 11.96.0-canary.2

package/hooks/use-date-picker-navigation.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDatePickerNavigation = useDatePickerNavigation;
 const react_1 = require("react");
-const dayjs_en_1 = require("../utils/dayjs-en");
+const dayjs_utils_1 = require("../utils/dayjs-utils");
 const get_initial_months_1 = require("../utils/get-initial-months");
 const get_next_active_month_1 = require("../utils/get-next-active-month");
 function useDatePickerNavigation({ activeMonths, setActiveMonths, setFocusedDate, minBookingDate, maxBookingDate, numberOfMonths, }) {
@@ -50,34 +50,34 @@ function useDatePickerNavigation({ activeMonths, setActiveMonths, setFocusedDate
         return newActiveMonths;
     }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
     const canGoToPrevMonth = minBookingDate
-        ? !(0, dayjs_en_1.dayjsEn)((_b = (_a = activeMonths.at(0)) === null || _a === void 0 ? void 0 : _a.date) !== null && _b !== void 0 ? _b : new Date()).isBefore((0, dayjs_en_1.dayjsEn)(minBookingDate))
+        ? !(0, dayjs_utils_1.dayjsEnRaw)((_b = (_a = activeMonths.at(0)) === null || _a === void 0 ? void 0 : _a.date) !== null && _b !== void 0 ? _b : new Date()).isBefore((0, dayjs_utils_1.dayjsEnRaw)(minBookingDate))
         : true;
     const canGoToNextMonth = maxBookingDate
-        ? !(0, dayjs_en_1.dayjsEn)(activeMonths[activeMonths.length - 1].date)
+        ? !(0, dayjs_utils_1.dayjsEnWithTz)(activeMonths[activeMonths.length - 1].date)
             .endOf("month")
-            .isAfter((0, dayjs_en_1.dayjsEn)(maxBookingDate))
+            .isAfter((0, dayjs_utils_1.dayjsEnWithTz)(maxBookingDate))
         : true;
     const canGoToPrevYear = minBookingDate
-        ? !(0, dayjs_en_1.dayjsEn)((_d = (_c = activeMonths.at(0)) === null || _c === void 0 ? void 0 : _c.date) !== null && _d !== void 0 ? _d : new Date())
+        ? !(0, dayjs_utils_1.dayjsEnWithTz)((_d = (_c = activeMonths.at(0)) === null || _c === void 0 ? void 0 : _c.date) !== null && _d !== void 0 ? _d : new Date())
             .startOf("year")
-            .isBefore((0, dayjs_en_1.dayjsEn)(minBookingDate))
+            .isBefore((0, dayjs_utils_1.dayjsEnWithTz)(minBookingDate))
         : true;
     const canGoToNextYear = maxBookingDate
-        ? !(0, dayjs_en_1.dayjsEn)(activeMonths[activeMonths.length - 1].date)
+        ? !(0, dayjs_utils_1.dayjsEnWithTz)(activeMonths[activeMonths.length - 1].date)
             .endOf("year")
-            .isAfter((0, dayjs_en_1.dayjsEn)(maxBookingDate))
+            .isAfter((0, dayjs_utils_1.dayjsEnWithTz)(maxBookingDate))
         : true;
     const canGoTo = (0, react_1.useCallback)((month, type) => {
         if (minBookingDate || maxBookingDate) {
             if (minBookingDate && maxBookingDate) {
-                return ((0, dayjs_en_1.dayjsEn)(month).endOf(type).add(1, "day").isAfter(minBookingDate, "day") &&
-                    (0, dayjs_en_1.dayjsEn)(month).startOf(type).subtract(1, "day").isBefore(maxBookingDate, "day"));
+                return ((0, dayjs_utils_1.dayjsEnWithTz)(month).endOf(type).add(1, "day").isAfter(minBookingDate, "day") &&
+                    (0, dayjs_utils_1.dayjsEnWithTz)(month).startOf(type).subtract(1, "day").isBefore(maxBookingDate, "day"));
             }
             if (minBookingDate) {
-                return (0, dayjs_en_1.dayjsEn)(month).endOf(type).add(1, "day").isAfter(minBookingDate, "day");
+                return (0, dayjs_utils_1.dayjsEnWithTz)(month).endOf(type).add(1, "day").isAfter(minBookingDate, "day");
             }
             if (maxBookingDate) {
-                return (0, dayjs_en_1.dayjsEn)(month).startOf(type).subtract(1, "day").isBefore(maxBookingDate, "day");
+                return (0, dayjs_utils_1.dayjsEnWithTz)(month).startOf(type).subtract(1, "day").isBefore(maxBookingDate, "day");
             }
         }
         return true;

package/hooks/use-date-picker.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDatePicker = useDatePicker;
 const react_1 = require("react");
-const dayjs_en_1 = require("../utils/dayjs-en");
+const dayjs_utils_1 = require("../utils/dayjs-utils");
 const get_initial_months_1 = require("../utils/get-initial-months");
 const is_date_blocked_1 = require("../utils/is-date-blocked");
 const is_date_hovered_1 = require("../utils/is-date-hovered");
@@ -22,7 +22,7 @@ function useDatePicker({ datesConfig = [], firstDayOfWeek = 0, initialVisibleMon
     };
     const onDateFocus = (0, react_1.useCallback)((date) => {
         setFocusedDate(date);
-        if (!focusedDate || !activeMonths.map((m) => m.month).includes((0, dayjs_en_1.dayjsEn)(date).month())) {
+        if (!focusedDate || !activeMonths.map((m) => m.month).includes((0, dayjs_utils_1.dayjsEnRaw)(date).month())) {
             setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, date));
         }
     }, [activeMonths, focusedDate, numberOfMonths]);
@@ -36,7 +36,7 @@ function useDatePicker({ datesConfig = [], firstDayOfWeek = 0, initialVisibleMon
         minBookingDays: 1,
         isDateBlockedFn: disabledDatesByUser,
     });
-    const isDateFocused = (date) => (focusedDate ? (0, dayjs_en_1.dayjsEn)(date).isSame(focusedDate, "day") : false);
+    const isDateFocused = (date) => (focusedDate ? (0, dayjs_utils_1.dayjsEnRaw)(date).isSame(focusedDate, "day") : false);
     const _isDateHovered = (date) => (0, is_date_hovered_1.isDateHovered)({
         date,
         hoveredDate,
@@ -65,7 +65,7 @@ function useDatePicker({ datesConfig = [], firstDayOfWeek = 0, initialVisibleMon
         onDateChange(null);
     }, [onDateChange]);
     function onDateSelect(date) {
-        if (!(0, dayjs_en_1.dayjsEn)(date).isSame(selectedDate)) {
+        if (!(0, dayjs_utils_1.dayjsEnRaw)(date).isSame(selectedDate)) {
             onDateChange(date);
         }
         else {
@@ -77,7 +77,7 @@ function useDatePicker({ datesConfig = [], firstDayOfWeek = 0, initialVisibleMon
             setHoveredDate(null);
         }
         else {
-            const isNotBlocked = !_isDateBlocked(date) || (selectedDate && (0, dayjs_en_1.dayjsEn)(date).isSame(selectedDate, "day"));
+            const isNotBlocked = !_isDateBlocked(date) || (selectedDate && (0, dayjs_utils_1.dayjsEnRaw)(date).isSame(selectedDate, "day"));
             if (isNotBlocked) {
                 setHoveredDate(date);
             }

package/hooks/use-date-picker.test.js

@@ -15,7 +15,7 @@ test("base data", () => {
     expect(result.current.hoveredDate).toBe(null);
     expect(result.current.activeMonths).toStrictEqual([
         {
-            date: new Date("2021-09-01T00:00:00+02:00"),
+            date: new Date("2021-09-01T00:00:00Z"),
             month: 8,
             year: 2021,
         },

package/hooks/use-date-range-picker.js

@@ -4,7 +4,7 @@ exports.END_DATE = exports.START_DATE = void 0;
 exports.useDateRangePicker = useDateRangePicker;
 const react_1 = require("react");
 const can_select_range_1 = require("../utils/can-select-range");
-const dayjs_en_1 = require("../utils/dayjs-en");
+const dayjs_utils_1 = require("../utils/dayjs-utils");
 const get_initial_months_1 = require("../utils/get-initial-months");
 const is_date_blocked_1 = require("../utils/is-date-blocked");
 const is_date_hovered_1 = require("../utils/is-date-hovered");
@@ -29,7 +29,7 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
     };
     const onDateFocus = (0, react_1.useCallback)((date) => {
         setFocusedDate(date);
-        if (!focusedDate || !activeMonths.map((m) => m.month).includes((0, dayjs_en_1.dayjsEn)(date).month())) {
+        if (!focusedDate || !activeMonths.map((m) => m.month).includes((0, dayjs_utils_1.dayjsEnRaw)(date).month())) {
             setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, date));
         }
     }, [activeMonths, focusedDate, numberOfMonths]);
@@ -46,7 +46,7 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
         minBookingDays,
         isDateBlockedFn: disabledDatesByUser,
     });
-    const isDateFocused = (date) => (focusedDate ? (0, dayjs_en_1.dayjsEn)(date).isSame(focusedDate, "day") : false);
+    const isDateFocused = (date) => (focusedDate ? (0, dayjs_utils_1.dayjsEnRaw)(date).isSame(focusedDate, "day") : false);
     const _isDateHovered = (date) => (0, is_date_hovered_1.isDateHovered)({
         date,
         hoveredDate,
@@ -94,14 +94,14 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
             })) {
             onDatesChange({
                 startDate: date,
-                endDate: (0, dayjs_en_1.dayjsEn)(date)
+                endDate: (0, dayjs_utils_1.dayjsEnRaw)(date)
                     .add(minBookingDays - 1, "day")
                     .toDate(),
                 focusedInput: null,
             });
         }
-        else if ((((focusedInput === exports.END_DATE && startDate && (0, dayjs_en_1.dayjsEn)(date).isBefore(startDate)) ||
-            (focusedInput === exports.START_DATE && endDate && (0, dayjs_en_1.dayjsEn)(date).isAfter(endDate))) &&
+        else if ((((focusedInput === exports.END_DATE && startDate && (0, dayjs_utils_1.dayjsEnRaw)(date).isBefore(startDate)) ||
+            (focusedInput === exports.START_DATE && endDate && (0, dayjs_utils_1.dayjsEnRaw)(date).isAfter(endDate))) &&
             !exactMinBookingDays &&
             (0, can_select_range_1.canSelectRange)({
                 minBookingDays,
@@ -134,7 +134,7 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
         }
         else if (focusedInput === exports.END_DATE &&
             startDate &&
-            !(0, dayjs_en_1.dayjsEn)(date).isBefore(startDate) &&
+            !(0, dayjs_utils_1.dayjsEnRaw)(date).isBefore(startDate) &&
             !exactMinBookingDays &&
             (0, can_select_range_1.canSelectRange)({ minBookingDays, isDateBlocked: disabledDatesByUser, startDate, endDate: date })) {
             onDatesChange({
@@ -144,7 +144,7 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
             });
         }
         if (focusedInput !== exports.END_DATE &&
-            (!focusedDate || !(0, dayjs_en_1.dayjsEn)(date).isSame(focusedDate, "month")) &&
+            (!focusedDate || !(0, dayjs_utils_1.dayjsEnRaw)(date).isSame(focusedDate, "month")) &&
             changeActiveMonthOnSelect) {
             setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, date));
         }
@@ -166,7 +166,7 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
             });
         }
         if (focusedInput !== exports.END_DATE &&
-            (!focusedDate || !(0, dayjs_en_1.dayjsEn)(start).isSame(focusedDate, "month")) &&
+            (!focusedDate || !(0, dayjs_utils_1.dayjsEnRaw)(start).isSame(focusedDate, "month")) &&
             changeActiveMonthOnSelect) {
             setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, start));
         }
@@ -177,20 +177,20 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
             setHoveredDate(null);
         }
         else {
-            const isNotBlocked = !_isDateBlocked(date) || (startDate && (0, dayjs_en_1.dayjsEn)(date).isSame(startDate, "day"));
+            const isNotBlocked = !_isDateBlocked(date) || (startDate && (0, dayjs_utils_1.dayjsEnRaw)(date).isSame(startDate, "day"));
             const isHoveredDateAfterOrEqualMinDate = minBookingDate
-                ? !(0, dayjs_en_1.dayjsEn)(date).isBefore((0, dayjs_en_1.dayjsEn)(minBookingDate).subtract(1, "day"))
+                ? !(0, dayjs_utils_1.dayjsEnRaw)(date).isBefore((0, dayjs_utils_1.dayjsEnRaw)(minBookingDate).subtract(1, "day"))
                 : true;
-            const isHoveredDateBeforeOrEqualMaxDate = maxBookingDate ? !(0, dayjs_en_1.dayjsEn)(date).isAfter(maxBookingDate) : true;
+            const isHoveredDateBeforeOrEqualMaxDate = maxBookingDate ? !(0, dayjs_utils_1.dayjsEnRaw)(date).isAfter(maxBookingDate) : true;
             // Exact minimal booking days
-            const potentialEndDate = (0, dayjs_en_1.dayjsEn)(date)
+            const potentialEndDate = (0, dayjs_utils_1.dayjsEnRaw)(date)
                 .add(minBookingDays - 1, "day")
                 .toDate();
             const isPotentialEndDateAfterOrEqualMinDate = minBookingDate
-                ? !(0, dayjs_en_1.dayjsEn)(potentialEndDate).isBefore(minBookingDate)
+                ? !(0, dayjs_utils_1.dayjsEnRaw)(potentialEndDate).isBefore(minBookingDate)
                 : true;
             const isPotentialEndDateBeforeOrEqualMaxDate = maxBookingDate
-                ? !(0, dayjs_en_1.dayjsEn)(potentialEndDate).isAfter(maxBookingDate)
+                ? !(0, dayjs_utils_1.dayjsEnRaw)(potentialEndDate).isAfter(maxBookingDate)
                 : true;
             const isExactAndInRange = exactMinBookingDays &&
                 minBookingDays > 1 &&
@@ -206,9 +206,9 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
                 isHoveredDateBeforeOrEqualMaxDate;
             // Is start date hovered and in range
             const isMinBookingDaysInRange = minBookingDays > 1 && startDate
-                ? (0, dayjs_en_1.dayjsEn)(date).isBetween(startDate, (0, dayjs_en_1.dayjsEn)(startDate).add(minBookingDays - 2, "day"))
+                ? (0, dayjs_utils_1.dayjsEnRaw)(date).isBetween(startDate, (0, dayjs_utils_1.dayjsEnRaw)(startDate).add(minBookingDays - 2, "day"))
                 : true;
-            const isStartDateHoveredAndInRange = startDate && (0, dayjs_en_1.dayjsEn)(date).isSame(startDate, "day") && isMinBookingDaysInRange;
+            const isStartDateHoveredAndInRange = startDate && (0, dayjs_utils_1.dayjsEnRaw)(date).isSame(startDate, "day") && isMinBookingDaysInRange;
             if (isNotBlocked && (isExactAndInRange || isInRange || isStartDateHoveredAndInRange)) {
                 setHoveredDate(date);
             }

package/hooks/use-date-range-picker.test.js

@@ -19,8 +19,8 @@ test("base data", () => {
     expect(result.current.focusedDate).toBe(null);
     expect(result.current.hoveredDate).toBe(null);
     expect(result.current.activeMonths).toStrictEqual([
-        { date: new Date("2021-09-01T00:00:00+02:00"), month: 8, year: 2021 },
-        { date: new Date("2021-10-01T00:00:00+02:00"), month: 9, year: 2021 },
+        { date: new Date("2021-09-01T00:00:00Z"), month: 8, year: 2021 },
+        { date: new Date("2021-10-01T00:00:00Z"), month: 9, year: 2021 },
     ]);
     expect(result.current.isDateBlocked(new Date("2020-01-01"))).toBe(false);
     expect(result.current.isDateBlocked(new Date("2019-12-31"))).toBe(true);

package/hooks/use-day.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDay = useDay;
 const empty_array_1 = require("@uxf/core/constants/empty-array");
 const react_1 = require("react");
-const dayjs_en_1 = require("../utils/dayjs-en");
+const dayjs_utils_1 = require("../utils/dayjs-utils");
 const get_date_invervals_1 = require("../utils/get-date-invervals");
 function useDay({ date, datesConfig, dayRef, focusedDate, isDateBlocked, isDateFocused, isDateHovered, isDateInsideRange, isDateSelected, onDateFocus, onDateHover, onDateSelect, preventScroll, unavailableDates, }) {
     var _a;
@@ -13,7 +13,7 @@ function useDay({ date, datesConfig, dayRef, focusedDate, isDateBlocked, isDateF
     const onClick = (0, react_1.useCallback)(() => onDateSelect(date), [date, onDateSelect]);
     const onMouseEnter = (0, react_1.useCallback)(() => onDateHover(date), [date, onDateHover]);
     const disabled = isDateBlocked(date) && !isDateHovered(date);
-    const isToday = (0, dayjs_en_1.dayjsEn)().isSame(date, "day");
+    const isToday = (0, dayjs_utils_1.dayjsEnWithTz)().isSame(date, "day");
     (0, react_1.useEffect)(() => {
         if (dayRef && dayRef.current && isDateFocused(date)) {
             dayRef.current.focus({
@@ -26,28 +26,28 @@ function useDay({ date, datesConfig, dayRef, focusedDate, isDateBlocked, isDateF
             e.preventDefault();
             switch (e.key) {
                 case "ArrowRight":
-                    onDateFocus((0, dayjs_en_1.dayjsEn)(date).add(1, "day").toDate());
+                    onDateFocus((0, dayjs_utils_1.dayjsEnRaw)(date).add(1, "day").toDate());
                     break;
                 case "ArrowLeft":
-                    onDateFocus((0, dayjs_en_1.dayjsEn)(date).subtract(1, "day").toDate());
+                    onDateFocus((0, dayjs_utils_1.dayjsEnRaw)(date).subtract(1, "day").toDate());
                     break;
                 case "ArrowUp":
-                    onDateFocus((0, dayjs_en_1.dayjsEn)(date).subtract(7, "day").toDate());
+                    onDateFocus((0, dayjs_utils_1.dayjsEnRaw)(date).subtract(7, "day").toDate());
                     break;
                 case "ArrowDown":
-                    onDateFocus((0, dayjs_en_1.dayjsEn)(date).add(7, "day").toDate());
+                    onDateFocus((0, dayjs_utils_1.dayjsEnRaw)(date).add(7, "day").toDate());
                     break;
             }
         }
     }, [date, onDateFocus]);
     const dateIntervals = (0, get_date_invervals_1.getDateIntervals)(disabledDates);
     const _isFirstUnavailableDate = () => {
-        return dateIntervals.some((interval) => (0, dayjs_en_1.dayjsEn)(interval.start).isSame(date, "day"));
+        return dateIntervals.some((interval) => (0, dayjs_utils_1.dayjsEnRaw)(interval.start).isSame(date, "day"));
     };
     const _isLastUnavailableDate = () => {
-        return dateIntervals.some((interval) => (0, dayjs_en_1.dayjsEn)(interval.end).isSame(date, "day"));
+        return dateIntervals.some((interval) => (0, dayjs_utils_1.dayjsEnRaw)(interval.end).isSame(date, "day"));
     };
-    const applicableDatesConfigs = datesConfig === null || datesConfig === void 0 ? void 0 : datesConfig.filter((config) => config.dates.some((configDay) => (0, dayjs_en_1.dayjsEn)(configDay).isSame(date, "day")));
+    const applicableDatesConfigs = datesConfig === null || datesConfig === void 0 ? void 0 : datesConfig.filter((config) => config.dates.some((configDay) => (0, dayjs_utils_1.dayjsEnRaw)(configDay).isSame(date, "day")));
     const flags = applicableDatesConfigs === null || applicableDatesConfigs === void 0 ? void 0 : applicableDatesConfigs.reduce((acc, curr) => {
         if (!curr.flag) {
             return acc;
@@ -55,8 +55,8 @@ function useDay({ date, datesConfig, dayRef, focusedDate, isDateBlocked, isDateF
         const intervals = (0, get_date_invervals_1.getDateIntervals)(curr.dates);
         acc.push({
             flag: curr.flag,
-            isFirst: intervals.some((interval) => (0, dayjs_en_1.dayjsEn)(interval.start).isSame(date, "day")),
-            isLast: intervals.some((interval) => (0, dayjs_en_1.dayjsEn)(interval.end).isSame(date, "day")),
+            isFirst: intervals.some((interval) => (0, dayjs_utils_1.dayjsEnRaw)(interval.start).isSame(date, "day")),
+            isLast: intervals.some((interval) => (0, dayjs_utils_1.dayjsEnRaw)(interval.end).isSame(date, "day")),
         });
         return acc;
     }, []);

package/hooks/use-day.test.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("@testing-library/react");
 const react_2 = require("react");
-const dayjs_en_1 = require("../utils/dayjs-en");
+const dayjs_utils_1 = require("../utils/dayjs-utils");
 const use_day_1 = require("./use-day");
 const e = { preventDefault: () => undefined, key: undefined };
 beforeAll(() => {
@@ -97,10 +97,10 @@ test("actions", () => {
         dayRef: ref.current,
         focusedDate: null,
         isDateBlocked: () => false,
-        isDateFocused: (date) => (0, dayjs_en_1.dayjsEn)(date).isSame(focusedDate, "day"),
-        isDateHovered: (date) => (0, dayjs_en_1.dayjsEn)(date).isSame(hoveredDate, "day"),
-        isDateInsideRange: (date) => (0, dayjs_en_1.dayjsEn)(date).isSame(insideRangeDate, "day"),
-        isDateSelected: (date) => (0, dayjs_en_1.dayjsEn)(date).isSame(selectedDate, "day"),
+        isDateFocused: (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).isSame(focusedDate, "day"),
+        isDateHovered: (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).isSame(hoveredDate, "day"),
+        isDateInsideRange: (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).isSame(insideRangeDate, "day"),
+        isDateSelected: (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).isSame(selectedDate, "day"),
         onDateFocus: (date) => (focusedDate = date),
         onDateHover: (date) => (hoveredDate = date),
         onDateSelect: (date) => (selectedDate = date),

package/hooks/use-decade.js

@@ -4,16 +4,16 @@ exports.decadeLabelFormatFn = exports.yearLabelFormatFn = void 0;
 exports.useDecade = useDecade;
 const react_1 = require("react");
 const create_date_string_1 = require("../utils/create-date-string");
-const dayjs_en_1 = require("../utils/dayjs-en");
+const dayjs_utils_1 = require("../utils/dayjs-utils");
 const get_years_1 = require("../utils/get-years");
-const yearLabelFormatFn = (date) => (0, dayjs_en_1.dayjsEn)(date).format("YYYY");
+const yearLabelFormatFn = (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("YYYY");
 exports.yearLabelFormatFn = yearLabelFormatFn;
-const decadeLabelFormatFn = (start, end) => `${(0, dayjs_en_1.dayjsEn)(start).format("YYYY")} \u2013 ${(0, dayjs_en_1.dayjsEn)(end).format("YYYY")}`;
+const decadeLabelFormatFn = (start, end) => `${(0, dayjs_utils_1.dayjsEnWithTz)(start).format("YYYY")} \u2013 ${(0, dayjs_utils_1.dayjsEnWithTz)(end).format("YYYY")}`;
 exports.decadeLabelFormatFn = decadeLabelFormatFn;
 function useDecade({ yearLabelFormat = exports.yearLabelFormatFn, decadeLabelFormat = exports.decadeLabelFormatFn, year, }) {
     const currentYear = new Date((0, create_date_string_1.createDateString)(year, 0));
-    const startYear = (0, dayjs_en_1.dayjsEn)(currentYear).subtract(4, "years").startOf("year").toDate();
-    const endYear = (0, dayjs_en_1.dayjsEn)(currentYear).add(4, "years").endOf("year").toDate();
+    const startYear = (0, dayjs_utils_1.dayjsEnWithTz)(currentYear).subtract(4, "years").startOf("year").toDate();
+    const endYear = (0, dayjs_utils_1.dayjsEnWithTz)(currentYear).add(4, "years").endOf("year").toDate();
     const years = (0, react_1.useMemo)(() => (0, get_years_1.getYears)({ startYear, endYear, yearLabelFormat }), [endYear, startYear, yearLabelFormat]);
     return {
         years,

package/hooks/use-decade.test.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("@testing-library/react");
-const dayjs_en_1 = require("../utils/dayjs-en");
+const dayjs_utils_1 = require("../utils/dayjs-utils");
 const use_decade_1 = require("./use-decade");
 test("useDecade", () => {
     const { result } = (0, react_1.renderHook)(() => (0, use_decade_1.useDecade)({
@@ -9,33 +9,33 @@ test("useDecade", () => {
     }));
     expect(result.current.decadeLabel).toBe("2017 – 2025");
     expect(result.current.years).toStrictEqual([
-        { date: new Date("2017-01-01T00:00:00+01:00"), yearLabel: "2017" },
-        { date: new Date("2018-01-01T00:00:00+01:00"), yearLabel: "2018" },
-        { date: new Date("2019-01-01T00:00:00+01:00"), yearLabel: "2019" },
-        { date: new Date("2020-01-01T00:00:00+01:00"), yearLabel: "2020" },
-        { date: new Date("2021-01-01T00:00:00+01:00"), yearLabel: "2021" },
-        { date: new Date("2022-01-01T00:00:00+01:00"), yearLabel: "2022" },
-        { date: new Date("2023-01-01T00:00:00+01:00"), yearLabel: "2023" },
-        { date: new Date("2024-01-01T00:00:00+01:00"), yearLabel: "2024" },
-        { date: new Date("2025-01-01T00:00:00+01:00"), yearLabel: "2025" },
+        { date: new Date("2017-01-01T00:00:00Z"), yearLabel: "2017" },
+        { date: new Date("2018-01-01T00:00:00Z"), yearLabel: "2018" },
+        { date: new Date("2019-01-01T00:00:00Z"), yearLabel: "2019" },
+        { date: new Date("2020-01-01T00:00:00Z"), yearLabel: "2020" },
+        { date: new Date("2021-01-01T00:00:00Z"), yearLabel: "2021" },
+        { date: new Date("2022-01-01T00:00:00Z"), yearLabel: "2022" },
+        { date: new Date("2023-01-01T00:00:00Z"), yearLabel: "2023" },
+        { date: new Date("2024-01-01T00:00:00Z"), yearLabel: "2024" },
+        { date: new Date("2025-01-01T00:00:00Z"), yearLabel: "2025" },
     ]);
 });
 test("useDecade with custom formats", () => {
     const { result } = (0, react_1.renderHook)(() => (0, use_decade_1.useDecade)({
         year: 2021,
-        decadeLabelFormat: (start, end) => `${(0, dayjs_en_1.dayjsEn)(start).format("YY")} - ${(0, dayjs_en_1.dayjsEn)(end).format("YY")}`,
-        yearLabelFormat: (date) => (0, dayjs_en_1.dayjsEn)(date).format("YY"),
+        decadeLabelFormat: (start, end) => `${(0, dayjs_utils_1.dayjsEnWithTz)(start).format("YY")} - ${(0, dayjs_utils_1.dayjsEnWithTz)(end).format("YY")}`,
+        yearLabelFormat: (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("YY"),
     }));
     expect(result.current.decadeLabel).toBe("17 - 25");
     expect(result.current.years).toStrictEqual([
-        { date: new Date("2017-01-01T00:00:00+01:00"), yearLabel: "17" },
-        { date: new Date("2018-01-01T00:00:00+01:00"), yearLabel: "18" },
-        { date: new Date("2019-01-01T00:00:00+01:00"), yearLabel: "19" },
-        { date: new Date("2020-01-01T00:00:00+01:00"), yearLabel: "20" },
-        { date: new Date("2021-01-01T00:00:00+01:00"), yearLabel: "21" },
-        { date: new Date("2022-01-01T00:00:00+01:00"), yearLabel: "22" },
-        { date: new Date("2023-01-01T00:00:00+01:00"), yearLabel: "23" },
-        { date: new Date("2024-01-01T00:00:00+01:00"), yearLabel: "24" },
-        { date: new Date("2025-01-01T00:00:00+01:00"), yearLabel: "25" },
+        { date: new Date("2017-01-01T00:00:00Z"), yearLabel: "17" },
+        { date: new Date("2018-01-01T00:00:00Z"), yearLabel: "18" },
+        { date: new Date("2019-01-01T00:00:00Z"), yearLabel: "19" },
+        { date: new Date("2020-01-01T00:00:00Z"), yearLabel: "20" },
+        { date: new Date("2021-01-01T00:00:00Z"), yearLabel: "21" },
+        { date: new Date("2022-01-01T00:00:00Z"), yearLabel: "22" },
+        { date: new Date("2023-01-01T00:00:00Z"), yearLabel: "23" },
+        { date: new Date("2024-01-01T00:00:00Z"), yearLabel: "24" },
+        { date: new Date("2025-01-01T00:00:00Z"), yearLabel: "25" },
     ]);
 });

package/hooks/use-month.js

@@ -4,14 +4,14 @@ exports.monthLabelFormatFn = exports.weekdayLabelFormatFn = exports.dayLabelForm
 exports.useMonth = useMonth;
 const react_1 = require("react");
 const create_date_string_1 = require("../utils/create-date-string");
-const dayjs_en_1 = require("../utils/dayjs-en");
+const dayjs_utils_1 = require("../utils/dayjs-utils");
 const get_days_1 = require("../utils/get-days");
 const get_weekday_labels_1 = require("../utils/get-weekday-labels");
-const dayLabelFormatFn = (date) => (0, dayjs_en_1.dayjsEn)(date).format("DD");
+const dayLabelFormatFn = (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("DD");
 exports.dayLabelFormatFn = dayLabelFormatFn;
-const weekdayLabelFormatFn = (date) => (0, dayjs_en_1.dayjsEn)(date).format("dd"); // localization
+const weekdayLabelFormatFn = (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("dd"); // localization
 exports.weekdayLabelFormatFn = weekdayLabelFormatFn;
-const monthLabelFormatFn = (date) => (0, dayjs_en_1.dayjsEn)(date).format("MMMM YYYY");
+const monthLabelFormatFn = (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("MMMM YYYY");
 exports.monthLabelFormatFn = monthLabelFormatFn;
 function useMonth({ dayLabelFormat = exports.dayLabelFormatFn, firstDayOfWeek = 0, month, monthLabelFormat = exports.monthLabelFormatFn, weekdayLabelFormat = exports.weekdayLabelFormatFn, year, }) {
     const days = (0, react_1.useMemo)(() => (0, get_days_1.getDays)({ year, month, firstDayOfWeek, dayLabelFormat }), [year, month, firstDayOfWeek, dayLabelFormat]);