@uxf/datepicker 11.94.0 → 11.96.0-canary.2

package/hooks/use-month.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_month_1 = require("./use-month");
 test("useMonth", () => {
     const { result } = (0, react_1.renderHook)(() => (0, use_month_1.useMonth)({
@@ -10,48 +10,48 @@ test("useMonth", () => {
     }));
     expect(result.current.monthLabel).toBe("January 2021");
     expect(result.current.days).toStrictEqual([
-        { dayLabel: "27", date: new Date("2020-12-27T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "28", date: new Date("2020-12-28T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "29", date: new Date("2020-12-29T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "30", date: new Date("2020-12-30T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "31", date: new Date("2020-12-31T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "01", date: new Date("2021-01-01T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "02", date: new Date("2021-01-02T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "03", date: new Date("2021-01-03T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "04", date: new Date("2021-01-04T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "05", date: new Date("2021-01-05T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "06", date: new Date("2021-01-06T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "07", date: new Date("2021-01-07T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "08", date: new Date("2021-01-08T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "09", date: new Date("2021-01-09T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "10", date: new Date("2021-01-10T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "11", date: new Date("2021-01-11T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "12", date: new Date("2021-01-12T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "13", date: new Date("2021-01-13T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "14", date: new Date("2021-01-14T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "15", date: new Date("2021-01-15T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "16", date: new Date("2021-01-16T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "17", date: new Date("2021-01-17T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "18", date: new Date("2021-01-18T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "19", date: new Date("2021-01-19T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "20", date: new Date("2021-01-20T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "21", date: new Date("2021-01-21T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "22", date: new Date("2021-01-22T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "23", date: new Date("2021-01-23T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "24", date: new Date("2021-01-24T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "25", date: new Date("2021-01-25T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "26", date: new Date("2021-01-26T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "27", date: new Date("2021-01-27T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "28", date: new Date("2021-01-28T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "29", date: new Date("2021-01-29T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "30", date: new Date("2021-01-30T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "31", date: new Date("2021-01-31T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "01", date: new Date("2021-02-01T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "02", date: new Date("2021-02-02T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "03", date: new Date("2021-02-03T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "04", date: new Date("2021-02-04T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "05", date: new Date("2021-02-05T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "06", date: new Date("2021-02-06T00:00:00+01:00"), currentMonth: false },
+        { dayLabel: "27", date: new Date("2020-12-27T00:00:00Z"), currentMonth: false },
+        { dayLabel: "28", date: new Date("2020-12-28T00:00:00Z"), currentMonth: false },
+        { dayLabel: "29", date: new Date("2020-12-29T00:00:00Z"), currentMonth: false },
+        { dayLabel: "30", date: new Date("2020-12-30T00:00:00Z"), currentMonth: false },
+        { dayLabel: "31", date: new Date("2020-12-31T00:00:00Z"), currentMonth: false },
+        { dayLabel: "01", date: new Date("2021-01-01T00:00:00Z"), currentMonth: true },
+        { dayLabel: "02", date: new Date("2021-01-02T00:00:00Z"), currentMonth: true },
+        { dayLabel: "03", date: new Date("2021-01-03T00:00:00Z"), currentMonth: true },
+        { dayLabel: "04", date: new Date("2021-01-04T00:00:00Z"), currentMonth: true },
+        { dayLabel: "05", date: new Date("2021-01-05T00:00:00Z"), currentMonth: true },
+        { dayLabel: "06", date: new Date("2021-01-06T00:00:00Z"), currentMonth: true },
+        { dayLabel: "07", date: new Date("2021-01-07T00:00:00Z"), currentMonth: true },
+        { dayLabel: "08", date: new Date("2021-01-08T00:00:00Z"), currentMonth: true },
+        { dayLabel: "09", date: new Date("2021-01-09T00:00:00Z"), currentMonth: true },
+        { dayLabel: "10", date: new Date("2021-01-10T00:00:00Z"), currentMonth: true },
+        { dayLabel: "11", date: new Date("2021-01-11T00:00:00Z"), currentMonth: true },
+        { dayLabel: "12", date: new Date("2021-01-12T00:00:00Z"), currentMonth: true },
+        { dayLabel: "13", date: new Date("2021-01-13T00:00:00Z"), currentMonth: true },
+        { dayLabel: "14", date: new Date("2021-01-14T00:00:00Z"), currentMonth: true },
+        { dayLabel: "15", date: new Date("2021-01-15T00:00:00Z"), currentMonth: true },
+        { dayLabel: "16", date: new Date("2021-01-16T00:00:00Z"), currentMonth: true },
+        { dayLabel: "17", date: new Date("2021-01-17T00:00:00Z"), currentMonth: true },
+        { dayLabel: "18", date: new Date("2021-01-18T00:00:00Z"), currentMonth: true },
+        { dayLabel: "19", date: new Date("2021-01-19T00:00:00Z"), currentMonth: true },
+        { dayLabel: "20", date: new Date("2021-01-20T00:00:00Z"), currentMonth: true },
+        { dayLabel: "21", date: new Date("2021-01-21T00:00:00Z"), currentMonth: true },
+        { dayLabel: "22", date: new Date("2021-01-22T00:00:00Z"), currentMonth: true },
+        { dayLabel: "23", date: new Date("2021-01-23T00:00:00Z"), currentMonth: true },
+        { dayLabel: "24", date: new Date("2021-01-24T00:00:00Z"), currentMonth: true },
+        { dayLabel: "25", date: new Date("2021-01-25T00:00:00Z"), currentMonth: true },
+        { dayLabel: "26", date: new Date("2021-01-26T00:00:00Z"), currentMonth: true },
+        { dayLabel: "27", date: new Date("2021-01-27T00:00:00Z"), currentMonth: true },
+        { dayLabel: "28", date: new Date("2021-01-28T00:00:00Z"), currentMonth: true },
+        { dayLabel: "29", date: new Date("2021-01-29T00:00:00Z"), currentMonth: true },
+        { dayLabel: "30", date: new Date("2021-01-30T00:00:00Z"), currentMonth: true },
+        { dayLabel: "31", date: new Date("2021-01-31T00:00:00Z"), currentMonth: true },
+        { dayLabel: "01", date: new Date("2021-02-01T00:00:00Z"), currentMonth: false },
+        { dayLabel: "02", date: new Date("2021-02-02T00:00:00Z"), currentMonth: false },
+        { dayLabel: "03", date: new Date("2021-02-03T00:00:00Z"), currentMonth: false },
+        { dayLabel: "04", date: new Date("2021-02-04T00:00:00Z"), currentMonth: false },
+        { dayLabel: "05", date: new Date("2021-02-05T00:00:00Z"), currentMonth: false },
+        { dayLabel: "06", date: new Date("2021-02-06T00:00:00Z"), currentMonth: false },
     ]);
     expect(result.current.weekdayLabels).toStrictEqual(["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]);
 });
@@ -60,47 +60,47 @@ test("useMonth with custom formats and firstDayOfWeek", () => {
         year: 2021,
         month: 0,
         firstDayOfWeek: 1,
-        monthLabelFormat: (date) => (0, dayjs_en_1.dayjsEn)(date).format("MM"),
-        dayLabelFormat: (date) => (0, dayjs_en_1.dayjsEn)(date).format("D"),
-        weekdayLabelFormat: (date) => (0, dayjs_en_1.dayjsEn)(date).format("dddd"),
+        monthLabelFormat: (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("MM"),
+        dayLabelFormat: (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("D"),
+        weekdayLabelFormat: (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("dddd"),
     }));
     expect(result.current.monthLabel).toBe("01");
     expect(result.current.days).toStrictEqual([
-        { dayLabel: "28", date: new Date("2020-12-28T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "29", date: new Date("2020-12-29T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "30", date: new Date("2020-12-30T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "31", date: new Date("2020-12-31T00:00:00+01:00"), currentMonth: false },
-        { dayLabel: "1", date: new Date("2021-01-01T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "2", date: new Date("2021-01-02T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "3", date: new Date("2021-01-03T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "4", date: new Date("2021-01-04T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "5", date: new Date("2021-01-05T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "6", date: new Date("2021-01-06T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "7", date: new Date("2021-01-07T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "8", date: new Date("2021-01-08T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "9", date: new Date("2021-01-09T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "10", date: new Date("2021-01-10T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "11", date: new Date("2021-01-11T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "12", date: new Date("2021-01-12T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "13", date: new Date("2021-01-13T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "14", date: new Date("2021-01-14T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "15", date: new Date("2021-01-15T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "16", date: new Date("2021-01-16T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "17", date: new Date("2021-01-17T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "18", date: new Date("2021-01-18T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "19", date: new Date("2021-01-19T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "20", date: new Date("2021-01-20T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "21", date: new Date("2021-01-21T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "22", date: new Date("2021-01-22T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "23", date: new Date("2021-01-23T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "24", date: new Date("2021-01-24T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "25", date: new Date("2021-01-25T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "26", date: new Date("2021-01-26T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "27", date: new Date("2021-01-27T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "28", date: new Date("2021-01-28T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "29", date: new Date("2021-01-29T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "30", date: new Date("2021-01-30T00:00:00+01:00"), currentMonth: true },
-        { dayLabel: "31", date: new Date("2021-01-31T00:00:00+01:00"), currentMonth: true },
+        { dayLabel: "28", date: new Date("2020-12-28T00:00:00Z"), currentMonth: false },
+        { dayLabel: "29", date: new Date("2020-12-29T00:00:00Z"), currentMonth: false },
+        { dayLabel: "30", date: new Date("2020-12-30T00:00:00Z"), currentMonth: false },
+        { dayLabel: "31", date: new Date("2020-12-31T00:00:00Z"), currentMonth: false },
+        { dayLabel: "1", date: new Date("2021-01-01T00:00:00Z"), currentMonth: true },
+        { dayLabel: "2", date: new Date("2021-01-02T00:00:00Z"), currentMonth: true },
+        { dayLabel: "3", date: new Date("2021-01-03T00:00:00Z"), currentMonth: true },
+        { dayLabel: "4", date: new Date("2021-01-04T00:00:00Z"), currentMonth: true },
+        { dayLabel: "5", date: new Date("2021-01-05T00:00:00Z"), currentMonth: true },
+        { dayLabel: "6", date: new Date("2021-01-06T00:00:00Z"), currentMonth: true },
+        { dayLabel: "7", date: new Date("2021-01-07T00:00:00Z"), currentMonth: true },
+        { dayLabel: "8", date: new Date("2021-01-08T00:00:00Z"), currentMonth: true },
+        { dayLabel: "9", date: new Date("2021-01-09T00:00:00Z"), currentMonth: true },
+        { dayLabel: "10", date: new Date("2021-01-10T00:00:00Z"), currentMonth: true },
+        { dayLabel: "11", date: new Date("2021-01-11T00:00:00Z"), currentMonth: true },
+        { dayLabel: "12", date: new Date("2021-01-12T00:00:00Z"), currentMonth: true },
+        { dayLabel: "13", date: new Date("2021-01-13T00:00:00Z"), currentMonth: true },
+        { dayLabel: "14", date: new Date("2021-01-14T00:00:00Z"), currentMonth: true },
+        { dayLabel: "15", date: new Date("2021-01-15T00:00:00Z"), currentMonth: true },
+        { dayLabel: "16", date: new Date("2021-01-16T00:00:00Z"), currentMonth: true },
+        { dayLabel: "17", date: new Date("2021-01-17T00:00:00Z"), currentMonth: true },
+        { dayLabel: "18", date: new Date("2021-01-18T00:00:00Z"), currentMonth: true },
+        { dayLabel: "19", date: new Date("2021-01-19T00:00:00Z"), currentMonth: true },
+        { dayLabel: "20", date: new Date("2021-01-20T00:00:00Z"), currentMonth: true },
+        { dayLabel: "21", date: new Date("2021-01-21T00:00:00Z"), currentMonth: true },
+        { dayLabel: "22", date: new Date("2021-01-22T00:00:00Z"), currentMonth: true },
+        { dayLabel: "23", date: new Date("2021-01-23T00:00:00Z"), currentMonth: true },
+        { dayLabel: "24", date: new Date("2021-01-24T00:00:00Z"), currentMonth: true },
+        { dayLabel: "25", date: new Date("2021-01-25T00:00:00Z"), currentMonth: true },
+        { dayLabel: "26", date: new Date("2021-01-26T00:00:00Z"), currentMonth: true },
+        { dayLabel: "27", date: new Date("2021-01-27T00:00:00Z"), currentMonth: true },
+        { dayLabel: "28", date: new Date("2021-01-28T00:00:00Z"), currentMonth: true },
+        { dayLabel: "29", date: new Date("2021-01-29T00:00:00Z"), currentMonth: true },
+        { dayLabel: "30", date: new Date("2021-01-30T00:00:00Z"), currentMonth: true },
+        { dayLabel: "31", date: new Date("2021-01-31T00:00:00Z"), currentMonth: true },
     ]);
     expect(result.current.weekdayLabels).toStrictEqual([
         "Monday",

package/hooks/use-year.js

@@ -4,11 +4,11 @@ exports.yearLabelFormatFn = exports.monthLabelFormatFn = void 0;
 exports.useYear = useYear;
 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_months_1 = require("../utils/get-months");
-const monthLabelFormatFn = (date) => (0, dayjs_en_1.dayjsEn)(date).format("MMMM"); // localized
+const monthLabelFormatFn = (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("MMMM"); // localized
 exports.monthLabelFormatFn = monthLabelFormatFn;
-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;
 function useYear({ yearLabelFormat = exports.yearLabelFormatFn, monthLabelFormat = exports.monthLabelFormatFn, year, }) {
     const months = (0, react_1.useMemo)(() => (0, get_months_1.getMonths)({ year, monthLabelFormat }), [year, monthLabelFormat]);

package/hooks/use-year.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_year_1 = require("./use-year");
 test("useYear", () => {
     const { result } = (0, react_1.renderHook)(() => (0, use_year_1.useYear)({
@@ -9,39 +9,39 @@ test("useYear", () => {
     }));
     expect(result.current.yearLabel).toBe("2021");
     expect(result.current.months).toStrictEqual([
-        { date: new Date("2021-01-01T00:00:00+01:00"), monthLabel: "January" },
-        { date: new Date("2021-02-01T00:00:00+01:00"), monthLabel: "February" },
-        { date: new Date("2021-03-01T00:00:00+01:00"), monthLabel: "March" },
-        { date: new Date("2021-04-01T00:00:00+02:00"), monthLabel: "April" },
-        { date: new Date("2021-05-01T00:00:00+02:00"), monthLabel: "May" },
-        { date: new Date("2021-06-01T00:00:00+02:00"), monthLabel: "June" },
-        { date: new Date("2021-07-01T00:00:00+02:00"), monthLabel: "July" },
-        { date: new Date("2021-08-01T00:00:00+02:00"), monthLabel: "August" },
-        { date: new Date("2021-09-01T00:00:00+02:00"), monthLabel: "September" },
-        { date: new Date("2021-10-01T00:00:00+02:00"), monthLabel: "October" },
-        { date: new Date("2021-11-01T00:00:00+01:00"), monthLabel: "November" },
-        { date: new Date("2021-12-01T00:00:00+01:00"), monthLabel: "December" },
+        { date: new Date("2021-01-01T00:00:00Z"), monthLabel: "January" },
+        { date: new Date("2021-02-01T00:00:00Z"), monthLabel: "February" },
+        { date: new Date("2021-03-01T00:00:00Z"), monthLabel: "March" },
+        { date: new Date("2021-04-01T00:00:00Z"), monthLabel: "April" },
+        { date: new Date("2021-05-01T00:00:00Z"), monthLabel: "May" },
+        { date: new Date("2021-06-01T00:00:00Z"), monthLabel: "June" },
+        { date: new Date("2021-07-01T00:00:00Z"), monthLabel: "July" },
+        { date: new Date("2021-08-01T00:00:00Z"), monthLabel: "August" },
+        { date: new Date("2021-09-01T00:00:00Z"), monthLabel: "September" },
+        { date: new Date("2021-10-01T00:00:00Z"), monthLabel: "October" },
+        { date: new Date("2021-11-01T00:00:00Z"), monthLabel: "November" },
+        { date: new Date("2021-12-01T00:00:00Z"), monthLabel: "December" },
     ]);
 });
 test("useYear with custom formats", () => {
     const { result } = (0, react_1.renderHook)(() => (0, use_year_1.useYear)({
         year: 2021,
-        monthLabelFormat: (date) => (0, dayjs_en_1.dayjsEn)(date).format("MM"),
-        yearLabelFormat: (date) => (0, dayjs_en_1.dayjsEn)(date).format("YY"),
+        monthLabelFormat: (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("MM"),
+        yearLabelFormat: (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("YY"),
     }));
     expect(result.current.yearLabel).toBe("21");
     expect(result.current.months).toStrictEqual([
-        { date: new Date("2021-01-01T00:00:00+01:00"), monthLabel: "01" },
-        { date: new Date("2021-02-01T00:00:00+01:00"), monthLabel: "02" },
-        { date: new Date("2021-03-01T00:00:00+01:00"), monthLabel: "03" },
-        { date: new Date("2021-04-01T00:00:00+02:00"), monthLabel: "04" },
-        { date: new Date("2021-05-01T00:00:00+02:00"), monthLabel: "05" },
-        { date: new Date("2021-06-01T00:00:00+02:00"), monthLabel: "06" },
-        { date: new Date("2021-07-01T00:00:00+02:00"), monthLabel: "07" },
-        { date: new Date("2021-08-01T00:00:00+02:00"), monthLabel: "08" },
-        { date: new Date("2021-09-01T00:00:00+02:00"), monthLabel: "09" },
-        { date: new Date("2021-10-01T00:00:00+02:00"), monthLabel: "10" },
-        { date: new Date("2021-11-01T00:00:00+01:00"), monthLabel: "11" },
-        { date: new Date("2021-12-01T00:00:00+01:00"), monthLabel: "12" },
+        { date: new Date("2021-01-01T00:00:00Z"), monthLabel: "01" },
+        { date: new Date("2021-02-01T00:00:00Z"), monthLabel: "02" },
+        { date: new Date("2021-03-01T00:00:00Z"), monthLabel: "03" },
+        { date: new Date("2021-04-01T00:00:00Z"), monthLabel: "04" },
+        { date: new Date("2021-05-01T00:00:00Z"), monthLabel: "05" },
+        { date: new Date("2021-06-01T00:00:00Z"), monthLabel: "06" },
+        { date: new Date("2021-07-01T00:00:00Z"), monthLabel: "07" },
+        { date: new Date("2021-08-01T00:00:00Z"), monthLabel: "08" },
+        { date: new Date("2021-09-01T00:00:00Z"), monthLabel: "09" },
+        { date: new Date("2021-10-01T00:00:00Z"), monthLabel: "10" },
+        { date: new Date("2021-11-01T00:00:00Z"), monthLabel: "11" },
+        { date: new Date("2021-12-01T00:00:00Z"), monthLabel: "12" },
     ]);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/datepicker",
-    "version": "11.94.0",
+    "version": "11.96.0-canary.2",
     "description": "A set of React hooks to create an awesome datepicker.",
     "main": "index.js",
     "scripts": {

package/utils/can-select-range.js

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.canSelectRange = canSelectRange;
-const dayjs_en_1 = require("./dayjs-en");
+const dayjs_utils_1 = require("./dayjs-utils");
 const get_each_1 = require("./get-each");
 // eslint-disable-next-line complexity
 function canSelectRange({ startDate, endDate, isDateBlocked, minBookingDays, exactMinBookingDays, minBookingDate, maxBookingDate, }) {
     const isStartDateAfterOrEqualMinDate = minBookingDate
-        ? !(0, dayjs_en_1.dayjsEn)(startDate).isBefore((0, dayjs_en_1.dayjsEn)(minBookingDate).subtract(1, "day"))
+        ? !(0, dayjs_utils_1.dayjsEnRaw)(startDate).isBefore((0, dayjs_utils_1.dayjsEnRaw)(minBookingDate).subtract(1, "day"))
         : true;
     const isStartDateBeforeOrEqualMaxDate = maxBookingDate
-        ? !(0, dayjs_en_1.dayjsEn)(startDate)
+        ? !(0, dayjs_utils_1.dayjsEnRaw)(startDate)
             .add(minBookingDays - 1, "day")
             .isAfter(maxBookingDate)
         : true;
     const isEndDatBeforeOrEqualMaxDate = maxBookingDate
-        ? !(0, dayjs_en_1.dayjsEn)(endDate)
+        ? !(0, dayjs_utils_1.dayjsEnRaw)(endDate)
             .add(minBookingDays - 1, "day")
             .isAfter(maxBookingDate)
         : true;
@@ -27,15 +27,15 @@ function canSelectRange({ startDate, endDate, isDateBlocked, minBookingDays, exa
     else if ((minBookingDays > 1 && !endDate && !exactMinBookingDays) ||
         (minBookingDays > 0 && exactMinBookingDays) ||
         (minBookingDays > 0 && exactMinBookingDays && !minBookingDate && !maxBookingDate)) {
-        return !(0, get_each_1.getEach)(startDate, (0, dayjs_en_1.dayjsEn)(startDate)
+        return !(0, get_each_1.getEach)(startDate, (0, dayjs_utils_1.dayjsEnRaw)(startDate)
             .add(minBookingDays - 1, "day")
             .toDate(), "day").some((d) => isDateBlocked(d));
     }
     else if (endDate && !exactMinBookingDays) {
-        const minBookingDaysDate = (0, dayjs_en_1.dayjsEn)(startDate)
+        const minBookingDaysDate = (0, dayjs_utils_1.dayjsEnRaw)(startDate)
             .add(minBookingDays - 1, "day")
             .toDate();
-        if ((0, dayjs_en_1.dayjsEn)(endDate).isBefore(minBookingDaysDate)) {
+        if ((0, dayjs_utils_1.dayjsEnRaw)(endDate).isBefore(minBookingDaysDate)) {
             return false;
         }
         return !(0, get_each_1.getEach)(startDate, endDate, "day").some((d) => isDateBlocked(d));

package/utils/dayjs-utils.d.ts

@@ -0,0 +1,4 @@
+import dayjs, { ConfigType } from "dayjs";
+import "dayjs/locale/en";
+export declare const dayjsEnRaw: (value?: ConfigType) => dayjs.Dayjs;
+export declare const dayjsEnWithTz: (value?: ConfigType, tz?: string) => dayjs.Dayjs;

package/utils/{dayjs-en.js → dayjs-utils.js}

@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dayjsEn = void 0;
+exports.dayjsEnWithTz = exports.dayjsEnRaw = void 0;
 const dayjs_1 = __importStar(require("dayjs"));
 require("dayjs/locale/en");
 const isBetween_1 = __importDefault(require("dayjs/plugin/isBetween"));
@@ -45,8 +45,11 @@ const utc_1 = __importDefault(require("dayjs/plugin/utc"));
 (0, dayjs_1.extend)(isBetween_1.default);
 (0, dayjs_1.extend)(timezone_1.default);
 (0, dayjs_1.extend)(utc_1.default);
-const DEFAULT_TIMEZONE = "Europe/Prague";
-const dayjsEn = (value) => {
-    return dayjs_1.default.tz(value, DEFAULT_TIMEZONE).locale("en");
+const dayjsEnRaw = (value) => {
+    return (0, dayjs_1.default)(value).locale("en");
 };
-exports.dayjsEn = dayjsEn;
+exports.dayjsEnRaw = dayjsEnRaw;
+const dayjsEnWithTz = (value, tz = "UTC") => {
+    return (0, dayjs_1.default)(value).tz(tz).locale("en");
+};
+exports.dayjsEnWithTz = dayjsEnWithTz;

package/utils/get-current-year-month-and-date.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCurrentYearMonthAndDate = getCurrentYearMonthAndDate;
-const dayjs_en_1 = require("./dayjs-en");
+const dayjs_utils_1 = require("./dayjs-utils");
 const get_date_month_and_year_1 = require("./get-date-month-and-year");
 function getCurrentYearMonthAndDate() {
-    return (0, get_date_month_and_year_1.getDateMonthAndYear)((0, dayjs_en_1.dayjsEn)().startOf("day").toDate());
+    return (0, get_date_month_and_year_1.getDateMonthAndYear)((0, dayjs_utils_1.dayjsEnWithTz)().startOf("day").toDate());
 }

package/utils/get-current-year-month-and-date.test.js

@@ -9,12 +9,12 @@ test("getCurrentYearMonthAndDate", () => {
     expect((0, get_current_year_month_and_date_1.getCurrentYearMonthAndDate)()).toStrictEqual({
         year: 2021,
         month: 7,
-        date: new Date("2021-08-01T00:00:00+02:00"),
+        date: new Date("2021-08-01T00:00:00Z"),
     });
     jest.setSystemTime(new Date("2020-02-15"));
     expect((0, get_current_year_month_and_date_1.getCurrentYearMonthAndDate)()).toStrictEqual({
         year: 2020,
         month: 1,
-        date: new Date("2020-02-01T00:00:00+01:00"),
+        date: new Date("2020-02-01T00:00:00Z"),
     });
 });

package/utils/get-date-intervals.test.js

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const dayjs_en_1 = require("./dayjs-en");
+const dayjs_utils_1 = require("./dayjs-utils");
 const get_date_invervals_1 = require("./get-date-invervals");
 describe("getDateIntervals", () => {
     it("should return empty array for empty input", () => {
         expect((0, get_date_invervals_1.getDateIntervals)([])).toStrictEqual([]);
     });
     it("should return single date as an interval", () => {
-        const date = (0, dayjs_en_1.dayjsEn)("2023-10-12").toDate();
+        const date = (0, dayjs_utils_1.dayjsEnWithTz)("2023-10-12").toDate();
         expect((0, get_date_invervals_1.getDateIntervals)([date])).toStrictEqual([{ start: date, end: date }]);
     });
     it("should group contiguous dates into intervals", () => {
         const dates = [
-            (0, dayjs_en_1.dayjsEn)("2023-10-12").toDate(),
-            (0, dayjs_en_1.dayjsEn)("2023-10-13").toDate(),
-            (0, dayjs_en_1.dayjsEn)("2023-10-14").toDate(),
-            (0, dayjs_en_1.dayjsEn)("2023-10-16").toDate(),
-            (0, dayjs_en_1.dayjsEn)("2023-10-17").toDate(),
+            (0, dayjs_utils_1.dayjsEnWithTz)("2023-10-12").toDate(),
+            (0, dayjs_utils_1.dayjsEnWithTz)("2023-10-13").toDate(),
+            (0, dayjs_utils_1.dayjsEnWithTz)("2023-10-14").toDate(),
+            (0, dayjs_utils_1.dayjsEnWithTz)("2023-10-16").toDate(),
+            (0, dayjs_utils_1.dayjsEnWithTz)("2023-10-17").toDate(),
         ];
         const expected = [
             { start: dates.at(0), end: dates.at(2) },
@@ -25,7 +25,11 @@ describe("getDateIntervals", () => {
         expect((0, get_date_invervals_1.getDateIntervals)(dates)).toStrictEqual(expected);
     });
     it("should handle non-contiguous dates", () => {
-        const dates = [(0, dayjs_en_1.dayjsEn)("2023-10-12").toDate(), (0, dayjs_en_1.dayjsEn)("2023-10-14").toDate(), (0, dayjs_en_1.dayjsEn)("2023-10-16").toDate()];
+        const dates = [
+            (0, dayjs_utils_1.dayjsEnWithTz)("2023-10-12").toDate(),
+            (0, dayjs_utils_1.dayjsEnWithTz)("2023-10-14").toDate(),
+            (0, dayjs_utils_1.dayjsEnWithTz)("2023-10-16").toDate(),
+        ];
         const expected = [
             { start: dates.at(0), end: dates.at(0) },
             { start: dates.at(1), end: dates.at(1) },

package/utils/get-date-invervals.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDateIntervals = getDateIntervals;
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const dayjs_en_1 = require("./dayjs-en");
+const dayjs_utils_1 = require("./dayjs-utils");
 function getDateIntervals(dates) {
     const sortedDates = dates.slice().sort((a, b) => a.getTime() - b.getTime());
     const intervals = [];
@@ -11,9 +11,9 @@ function getDateIntervals(dates) {
     let currentEnd = firstSortedDate !== null && firstSortedDate !== void 0 ? firstSortedDate : new Date();
     for (let i = 1; i < sortedDates.length; i++) {
         const currentDate = sortedDates[i];
-        const nextDate = (0, dayjs_en_1.dayjsEn)(currentEnd).add(1, "day").toDate();
+        const nextDate = (0, dayjs_utils_1.dayjsEnRaw)(currentEnd).add(1, "day").toDate();
         // If the current date matches the expected next date, it's contiguous
-        if ((0, dayjs_en_1.dayjsEn)(currentDate).isSame(nextDate, "day")) {
+        if ((0, dayjs_utils_1.dayjsEnRaw)(currentDate).isSame(nextDate, "day")) {
             currentEnd = currentDate;
         }
         else {

package/utils/get-date-month-and-year.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDateMonthAndYear = getDateMonthAndYear;
-const dayjs_en_1 = require("./dayjs-en");
+const dayjs_utils_1 = require("./dayjs-utils");
 function getDateMonthAndYear(date) {
-    const day = (0, dayjs_en_1.dayjsEn)(date).startOf("month").toDate();
-    const year = (0, dayjs_en_1.dayjsEn)(day).year();
-    const month = (0, dayjs_en_1.dayjsEn)(day).month();
+    const day = (0, dayjs_utils_1.dayjsEnWithTz)(date).startOf("month").toDate();
+    const year = (0, dayjs_utils_1.dayjsEnWithTz)(day).year();
+    const month = (0, dayjs_utils_1.dayjsEnWithTz)(day).month();
     return {
         year,
         month,

package/utils/get-date-month-and-year.test.js

@@ -5,11 +5,11 @@ test("getDateMonthAndYear", () => {
     expect((0, get_date_month_and_year_1.getDateMonthAndYear)(new Date("2021-08-10"))).toStrictEqual({
         year: 2021,
         month: 7,
-        date: new Date("2021-08-01T00:00:00+02:00"),
+        date: new Date("2021-08-01T00:00:00Z"),
     });
     expect((0, get_date_month_and_year_1.getDateMonthAndYear)(new Date("2020-02-15"))).toStrictEqual({
         year: 2020,
         month: 1,
-        date: new Date("2020-02-01T00:00:00+01:00"),
+        date: new Date("2020-02-01T00:00:00Z"),
     });
 });

package/utils/get-days.js

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDays = getDays;
 const create_date_string_1 = require("./create-date-string");
-const dayjs_en_1 = require("./dayjs-en");
+const dayjs_utils_1 = require("./dayjs-utils");
 const get_each_1 = require("./get-each");
-function getDays({ year, month, firstDayOfWeek = 0, dayLabelFormat = (date) => (0, dayjs_en_1.dayjsEn)(date).format("DD"), }) {
+function getDays({ year, month, firstDayOfWeek = 0, dayLabelFormat = (date) => (0, dayjs_utils_1.dayjsEnWithTz)(date).format("DD"), }) {
     const date = new Date((0, create_date_string_1.createDateString)(year, month));
     const lastDayOfWeek = firstDayOfWeek + 7;
-    const monthStart = (0, dayjs_en_1.dayjsEn)(date).startOf("month").toDate();
-    const monthStartDay = (0, dayjs_en_1.dayjsEn)(monthStart).day();
-    const monthEnd = (0, dayjs_en_1.dayjsEn)(date).endOf("month").toDate();
-    const monthEndDay = (0, dayjs_en_1.dayjsEn)(monthEnd).day();
+    const monthStart = (0, dayjs_utils_1.dayjsEnWithTz)(date).startOf("month");
+    const monthStartDay = monthStart.day();
+    const monthEnd = (0, dayjs_utils_1.dayjsEnWithTz)(date).endOf("month");
+    const monthEndDay = monthEnd.day();
     const prevMonthDaysCount = monthStartDay >= firstDayOfWeek ? monthStartDay - firstDayOfWeek : 6 - firstDayOfWeek + monthStartDay + 1;
     const prevMonthDays = prevMonthDaysCount > 0
-        ? (0, get_each_1.getEach)((0, dayjs_en_1.dayjsEn)(monthStart).subtract(prevMonthDaysCount, "days").toDate(), (0, dayjs_en_1.dayjsEn)(monthStart).subtract(1, "day").toDate(), "day").map((d) => ({
+        ? (0, get_each_1.getEach)(monthStart.subtract(prevMonthDaysCount, "days").toDate(), monthStart.subtract(1, "day").toDate(), "day").map((d) => ({
             currentMonth: false,
             date: d,
             dayLabel: dayLabelFormat(d),
@@ -21,13 +21,13 @@ function getDays({ year, month, firstDayOfWeek = 0, dayLabelFormat = (date) => (
         : [];
     const nextMonthDaysCount = lastDayOfWeek - monthEndDay - 1;
     const nextMonthDays = nextMonthDaysCount > 0 && nextMonthDaysCount < 7
-        ? (0, get_each_1.getEach)((0, dayjs_en_1.dayjsEn)(monthEnd).add(1, "day").toDate(), (0, dayjs_en_1.dayjsEn)(monthEnd).add(nextMonthDaysCount, "days").toDate(), "day").map((d) => ({
+        ? (0, get_each_1.getEach)(monthEnd.add(1, "day").toDate(), monthEnd.add(nextMonthDaysCount, "days").toDate(), "day").map((d) => ({
             currentMonth: false,
             date: d,
             dayLabel: dayLabelFormat(d),
         }))
         : [];
-    const days = (0, get_each_1.getEach)(monthStart, monthEnd, "day").map((d) => ({
+    const days = (0, get_each_1.getEach)(monthStart.toDate(), monthEnd.toDate(), "day").map((d) => ({
         currentMonth: true,
         date: d,
         dayLabel: dayLabelFormat(d),