@uxf/datepicker 11.90.0 → 11.92.0

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

@@ -4,7 +4,7 @@ const react_1 = require("@testing-library/react");
 const react_2 = require("react");
 const use_date_picker_1 = require("./use-date-picker");
 test("base data", () => {
-    const BASE_DATE = new Date("2021-09-15");
+    const BASE_DATE = new Date("2021-09-15T00:00:00+02:00");
     const { result } = (0, react_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({
         selectedDate: BASE_DATE,
         onDateChange: () => undefined,
@@ -15,7 +15,7 @@ test("base data", () => {
     expect(result.current.hoveredDate).toBe(null);
     expect(result.current.activeMonths).toStrictEqual([
         {
-            date: new Date("2021-09-01"),
+            date: new Date("2021-09-01T00:00:00+02:00"),
             month: 8,
             year: 2021,
         },

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-01"), month: 8, year: 2021 },
-        { date: new Date("2021-10-01"), month: 9, year: 2021 },
+        { 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 },
     ]);
     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

@@ -1,11 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDay = useDay;
 const empty_array_1 = require("@uxf/core/constants/empty-array");
-const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = require("react");
 const dayjs_en_1 = require("../utils/dayjs-en");
 const get_date_invervals_1 = require("../utils/get-date-invervals");
@@ -46,12 +42,12 @@ function useDay({ date, datesConfig, dayRef, focusedDate, isDateBlocked, isDateF
     }, [date, onDateFocus]);
     const dateIntervals = (0, get_date_invervals_1.getDateIntervals)(disabledDates);
     const _isFirstUnavailableDate = () => {
-        return dateIntervals.some((interval) => (0, dayjs_1.default)(interval.start).isSame(date, "day"));
+        return dateIntervals.some((interval) => (0, dayjs_en_1.dayjsEn)(interval.start).isSame(date, "day"));
     };
     const _isLastUnavailableDate = () => {
-        return dateIntervals.some((interval) => (0, dayjs_1.default)(interval.end).isSame(date, "day"));
+        return dateIntervals.some((interval) => (0, dayjs_en_1.dayjsEn)(interval.end).isSame(date, "day"));
     };
-    const applicableDatesConfigs = datesConfig === null || datesConfig === void 0 ? void 0 : datesConfig.filter((config) => config.dates.some((configDay) => (0, dayjs_1.default)(configDay).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 flags = applicableDatesConfigs === null || applicableDatesConfigs === void 0 ? void 0 : applicableDatesConfigs.reduce((acc, curr) => {
         if (!curr.flag) {
             return acc;
@@ -59,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_1.default)(interval.start).isSame(date, "day")),
-            isLast: intervals.some((interval) => (0, dayjs_1.default)(interval.end).isSame(date, "day")),
+            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")),
         });
         return acc;
     }, []);

package/hooks/use-day.test.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("@testing-library/react");
-const dayjs_1 = __importDefault(require("dayjs"));
 const react_2 = require("react");
+const dayjs_en_1 = require("../utils/dayjs-en");
 const use_day_1 = require("./use-day");
 const e = { preventDefault: () => undefined, key: undefined };
 beforeAll(() => {
@@ -100,10 +97,10 @@ test("actions", () => {
         dayRef: ref.current,
         focusedDate: null,
         isDateBlocked: () => false,
-        isDateFocused: (date) => (0, dayjs_1.default)(date).isSame(focusedDate, "day"),
-        isDateHovered: (date) => (0, dayjs_1.default)(date).isSame(hoveredDate, "day"),
-        isDateInsideRange: (date) => (0, dayjs_1.default)(date).isSame(insideRangeDate, "day"),
-        isDateSelected: (date) => (0, dayjs_1.default)(date).isSame(selectedDate, "day"),
+        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"),
         onDateFocus: (date) => (focusedDate = date),
         onDateHover: (date) => (hoveredDate = date),
         onDateSelect: (date) => (selectedDate = date),

package/hooks/use-decade.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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 get_years_1 = require("../utils/get-years");
 const yearLabelFormatFn = (date) => (0, dayjs_en_1.dayjsEn)(date).format("YYYY");
@@ -10,7 +11,7 @@ exports.yearLabelFormatFn = yearLabelFormatFn;
 const decadeLabelFormatFn = (start, end) => `${(0, dayjs_en_1.dayjsEn)(start).format("YYYY")} \u2013 ${(0, dayjs_en_1.dayjsEn)(end).format("YYYY")}`;
 exports.decadeLabelFormatFn = decadeLabelFormatFn;
 function useDecade({ yearLabelFormat = exports.yearLabelFormatFn, decadeLabelFormat = exports.decadeLabelFormatFn, year, }) {
-    const currentYear = new Date(year, 0);
+    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 years = (0, react_1.useMemo)(() => (0, get_years_1.getYears)({ startYear, endYear, yearLabelFormat }), [endYear, startYear, yearLabelFormat]);

package/hooks/use-decade.test.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("@testing-library/react");
-const dayjs_1 = __importDefault(require("dayjs"));
+const dayjs_en_1 = require("../utils/dayjs-en");
 const use_decade_1 = require("./use-decade");
 test("useDecade", () => {
     const { result } = (0, react_1.renderHook)(() => (0, use_decade_1.useDecade)({
@@ -12,33 +9,33 @@ test("useDecade", () => {
     }));
     expect(result.current.decadeLabel).toBe("2017 – 2025");
     expect(result.current.years).toStrictEqual([
-        { date: new Date("2017-01-01"), yearLabel: "2017" },
-        { date: new Date("2018-01-01"), yearLabel: "2018" },
-        { date: new Date("2019-01-01"), yearLabel: "2019" },
-        { date: new Date("2020-01-01"), yearLabel: "2020" },
-        { date: new Date("2021-01-01"), yearLabel: "2021" },
-        { date: new Date("2022-01-01"), yearLabel: "2022" },
-        { date: new Date("2023-01-01"), yearLabel: "2023" },
-        { date: new Date("2024-01-01"), yearLabel: "2024" },
-        { date: new Date("2025-01-01"), yearLabel: "2025" },
+        { 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" },
     ]);
 });
 test("useDecade with custom formats", () => {
     const { result } = (0, react_1.renderHook)(() => (0, use_decade_1.useDecade)({
         year: 2021,
-        decadeLabelFormat: (start, end) => `${(0, dayjs_1.default)(start).format("YY")} - ${(0, dayjs_1.default)(end).format("YY")}`,
-        yearLabelFormat: (date) => (0, dayjs_1.default)(date).format("YY"),
+        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"),
     }));
     expect(result.current.decadeLabel).toBe("17 - 25");
     expect(result.current.years).toStrictEqual([
-        { date: new Date("2017-01-01"), yearLabel: "17" },
-        { date: new Date("2018-01-01"), yearLabel: "18" },
-        { date: new Date("2019-01-01"), yearLabel: "19" },
-        { date: new Date("2020-01-01"), yearLabel: "20" },
-        { date: new Date("2021-01-01"), yearLabel: "21" },
-        { date: new Date("2022-01-01"), yearLabel: "22" },
-        { date: new Date("2023-01-01"), yearLabel: "23" },
-        { date: new Date("2024-01-01"), yearLabel: "24" },
-        { date: new Date("2025-01-01"), yearLabel: "25" },
+        { 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" },
     ]);
 });

package/hooks/use-month.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.monthLabelFormatFn = exports.weekdayLabelFormatFn = exports.dayLabelFormatFn = void 0;
 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 get_days_1 = require("../utils/get-days");
 const get_weekday_labels_1 = require("../utils/get-weekday-labels");
@@ -17,7 +18,7 @@ function useMonth({ dayLabelFormat = exports.dayLabelFormatFn, firstDayOfWeek =
     const weekdayLabels = (0, react_1.useMemo)(() => (0, get_weekday_labels_1.getWeekdayLabels)({ firstDayOfWeek, weekdayLabelFormat }), [firstDayOfWeek, weekdayLabelFormat]);
     return {
         days,
-        monthLabel: monthLabelFormat(new Date(year, month)),
+        monthLabel: monthLabelFormat(new Date((0, create_date_string_1.createDateString)(year, month))),
         weekdayLabels,
     };
 }

package/hooks/use-month.test.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("@testing-library/react");
-const dayjs_1 = __importDefault(require("dayjs"));
+const dayjs_en_1 = require("../utils/dayjs-en");
 const use_month_1 = require("./use-month");
 test("useMonth", () => {
     const { result } = (0, react_1.renderHook)(() => (0, use_month_1.useMonth)({
@@ -13,48 +10,48 @@ test("useMonth", () => {
     }));
     expect(result.current.monthLabel).toBe("January 2021");
     expect(result.current.days).toStrictEqual([
-        { dayLabel: "27", date: new Date("2020-12-27"), currentMonth: false },
-        { dayLabel: "28", date: new Date("2020-12-28"), currentMonth: false },
-        { dayLabel: "29", date: new Date("2020-12-29"), currentMonth: false },
-        { dayLabel: "30", date: new Date("2020-12-30"), currentMonth: false },
-        { dayLabel: "31", date: new Date("2020-12-31"), currentMonth: false },
-        { dayLabel: "01", date: new Date("2021-01-01"), currentMonth: true },
-        { dayLabel: "02", date: new Date("2021-01-02"), currentMonth: true },
-        { dayLabel: "03", date: new Date("2021-01-03"), currentMonth: true },
-        { dayLabel: "04", date: new Date("2021-01-04"), currentMonth: true },
-        { dayLabel: "05", date: new Date("2021-01-05"), currentMonth: true },
-        { dayLabel: "06", date: new Date("2021-01-06"), currentMonth: true },
-        { dayLabel: "07", date: new Date("2021-01-07"), currentMonth: true },
-        { dayLabel: "08", date: new Date("2021-01-08"), currentMonth: true },
-        { dayLabel: "09", date: new Date("2021-01-09"), currentMonth: true },
-        { dayLabel: "10", date: new Date("2021-01-10"), currentMonth: true },
-        { dayLabel: "11", date: new Date("2021-01-11"), currentMonth: true },
-        { dayLabel: "12", date: new Date("2021-01-12"), currentMonth: true },
-        { dayLabel: "13", date: new Date("2021-01-13"), currentMonth: true },
-        { dayLabel: "14", date: new Date("2021-01-14"), currentMonth: true },
-        { dayLabel: "15", date: new Date("2021-01-15"), currentMonth: true },
-        { dayLabel: "16", date: new Date("2021-01-16"), currentMonth: true },
-        { dayLabel: "17", date: new Date("2021-01-17"), currentMonth: true },
-        { dayLabel: "18", date: new Date("2021-01-18"), currentMonth: true },
-        { dayLabel: "19", date: new Date("2021-01-19"), currentMonth: true },
-        { dayLabel: "20", date: new Date("2021-01-20"), currentMonth: true },
-        { dayLabel: "21", date: new Date("2021-01-21"), currentMonth: true },
-        { dayLabel: "22", date: new Date("2021-01-22"), currentMonth: true },
-        { dayLabel: "23", date: new Date("2021-01-23"), currentMonth: true },
-        { dayLabel: "24", date: new Date("2021-01-24"), currentMonth: true },
-        { dayLabel: "25", date: new Date("2021-01-25"), currentMonth: true },
-        { dayLabel: "26", date: new Date("2021-01-26"), currentMonth: true },
-        { dayLabel: "27", date: new Date("2021-01-27"), currentMonth: true },
-        { dayLabel: "28", date: new Date("2021-01-28"), currentMonth: true },
-        { dayLabel: "29", date: new Date("2021-01-29"), currentMonth: true },
-        { dayLabel: "30", date: new Date("2021-01-30"), currentMonth: true },
-        { dayLabel: "31", date: new Date("2021-01-31"), currentMonth: true },
-        { dayLabel: "01", date: new Date("2021-02-01"), currentMonth: false },
-        { dayLabel: "02", date: new Date("2021-02-02"), currentMonth: false },
-        { dayLabel: "03", date: new Date("2021-02-03"), currentMonth: false },
-        { dayLabel: "04", date: new Date("2021-02-04"), currentMonth: false },
-        { dayLabel: "05", date: new Date("2021-02-05"), currentMonth: false },
-        { dayLabel: "06", date: new Date("2021-02-06"), currentMonth: false },
+        { 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 },
     ]);
     expect(result.current.weekdayLabels).toStrictEqual(["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]);
 });
@@ -63,47 +60,47 @@ test("useMonth with custom formats and firstDayOfWeek", () => {
         year: 2021,
         month: 0,
         firstDayOfWeek: 1,
-        monthLabelFormat: (date) => (0, dayjs_1.default)(date).format("MM"),
-        dayLabelFormat: (date) => (0, dayjs_1.default)(date).format("D"),
-        weekdayLabelFormat: (date) => (0, dayjs_1.default)(date).format("dddd"),
+        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"),
     }));
     expect(result.current.monthLabel).toBe("01");
     expect(result.current.days).toStrictEqual([
-        { dayLabel: "28", date: new Date("2020-12-28"), currentMonth: false },
-        { dayLabel: "29", date: new Date("2020-12-29"), currentMonth: false },
-        { dayLabel: "30", date: new Date("2020-12-30"), currentMonth: false },
-        { dayLabel: "31", date: new Date("2020-12-31"), currentMonth: false },
-        { dayLabel: "1", date: new Date("2021-01-01"), currentMonth: true },
-        { dayLabel: "2", date: new Date("2021-01-02"), currentMonth: true },
-        { dayLabel: "3", date: new Date("2021-01-03"), currentMonth: true },
-        { dayLabel: "4", date: new Date("2021-01-04"), currentMonth: true },
-        { dayLabel: "5", date: new Date("2021-01-05"), currentMonth: true },
-        { dayLabel: "6", date: new Date("2021-01-06"), currentMonth: true },
-        { dayLabel: "7", date: new Date("2021-01-07"), currentMonth: true },
-        { dayLabel: "8", date: new Date("2021-01-08"), currentMonth: true },
-        { dayLabel: "9", date: new Date("2021-01-09"), currentMonth: true },
-        { dayLabel: "10", date: new Date("2021-01-10"), currentMonth: true },
-        { dayLabel: "11", date: new Date("2021-01-11"), currentMonth: true },
-        { dayLabel: "12", date: new Date("2021-01-12"), currentMonth: true },
-        { dayLabel: "13", date: new Date("2021-01-13"), currentMonth: true },
-        { dayLabel: "14", date: new Date("2021-01-14"), currentMonth: true },
-        { dayLabel: "15", date: new Date("2021-01-15"), currentMonth: true },
-        { dayLabel: "16", date: new Date("2021-01-16"), currentMonth: true },
-        { dayLabel: "17", date: new Date("2021-01-17"), currentMonth: true },
-        { dayLabel: "18", date: new Date("2021-01-18"), currentMonth: true },
-        { dayLabel: "19", date: new Date("2021-01-19"), currentMonth: true },
-        { dayLabel: "20", date: new Date("2021-01-20"), currentMonth: true },
-        { dayLabel: "21", date: new Date("2021-01-21"), currentMonth: true },
-        { dayLabel: "22", date: new Date("2021-01-22"), currentMonth: true },
-        { dayLabel: "23", date: new Date("2021-01-23"), currentMonth: true },
-        { dayLabel: "24", date: new Date("2021-01-24"), currentMonth: true },
-        { dayLabel: "25", date: new Date("2021-01-25"), currentMonth: true },
-        { dayLabel: "26", date: new Date("2021-01-26"), currentMonth: true },
-        { dayLabel: "27", date: new Date("2021-01-27"), currentMonth: true },
-        { dayLabel: "28", date: new Date("2021-01-28"), currentMonth: true },
-        { dayLabel: "29", date: new Date("2021-01-29"), currentMonth: true },
-        { dayLabel: "30", date: new Date("2021-01-30"), currentMonth: true },
-        { dayLabel: "31", date: new Date("2021-01-31"), currentMonth: true },
+        { 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 },
     ]);
     expect(result.current.weekdayLabels).toStrictEqual([
         "Monday",

package/hooks/use-year.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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 get_months_1 = require("../utils/get-months");
 const monthLabelFormatFn = (date) => (0, dayjs_en_1.dayjsEn)(date).format("MMMM"); // localized
@@ -13,6 +14,6 @@ function useYear({ yearLabelFormat = exports.yearLabelFormatFn, monthLabelFormat
     const months = (0, react_1.useMemo)(() => (0, get_months_1.getMonths)({ year, monthLabelFormat }), [year, monthLabelFormat]);
     return {
         months,
-        yearLabel: yearLabelFormat(new Date(year, 0)),
+        yearLabel: yearLabelFormat(new Date((0, create_date_string_1.createDateString)(year, 0))),
     };
 }

package/hooks/use-year.test.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("@testing-library/react");
-const dayjs_1 = __importDefault(require("dayjs"));
+const dayjs_en_1 = require("../utils/dayjs-en");
 const use_year_1 = require("./use-year");
 test("useYear", () => {
     const { result } = (0, react_1.renderHook)(() => (0, use_year_1.useYear)({
@@ -12,39 +9,39 @@ test("useYear", () => {
     }));
     expect(result.current.yearLabel).toBe("2021");
     expect(result.current.months).toStrictEqual([
-        { date: new Date("2021-01-01"), monthLabel: "January" },
-        { date: new Date("2021-02-01"), monthLabel: "February" },
-        { date: new Date("2021-03-01"), monthLabel: "March" },
-        { date: new Date("2021-04-01"), monthLabel: "April" },
-        { date: new Date("2021-05-01"), monthLabel: "May" },
-        { date: new Date("2021-06-01"), monthLabel: "June" },
-        { date: new Date("2021-07-01"), monthLabel: "July" },
-        { date: new Date("2021-08-01"), monthLabel: "August" },
-        { date: new Date("2021-09-01"), monthLabel: "September" },
-        { date: new Date("2021-10-01"), monthLabel: "October" },
-        { date: new Date("2021-11-01"), monthLabel: "November" },
-        { date: new Date("2021-12-01"), monthLabel: "December" },
+        { 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" },
     ]);
 });
 test("useYear with custom formats", () => {
     const { result } = (0, react_1.renderHook)(() => (0, use_year_1.useYear)({
         year: 2021,
-        monthLabelFormat: (date) => (0, dayjs_1.default)(date).format("MM"),
-        yearLabelFormat: (date) => (0, dayjs_1.default)(date).format("YY"),
+        monthLabelFormat: (date) => (0, dayjs_en_1.dayjsEn)(date).format("MM"),
+        yearLabelFormat: (date) => (0, dayjs_en_1.dayjsEn)(date).format("YY"),
     }));
     expect(result.current.yearLabel).toBe("21");
     expect(result.current.months).toStrictEqual([
-        { date: new Date("2021-01-01"), monthLabel: "01" },
-        { date: new Date("2021-02-01"), monthLabel: "02" },
-        { date: new Date("2021-03-01"), monthLabel: "03" },
-        { date: new Date("2021-04-01"), monthLabel: "04" },
-        { date: new Date("2021-05-01"), monthLabel: "05" },
-        { date: new Date("2021-06-01"), monthLabel: "06" },
-        { date: new Date("2021-07-01"), monthLabel: "07" },
-        { date: new Date("2021-08-01"), monthLabel: "08" },
-        { date: new Date("2021-09-01"), monthLabel: "09" },
-        { date: new Date("2021-10-01"), monthLabel: "10" },
-        { date: new Date("2021-11-01"), monthLabel: "11" },
-        { date: new Date("2021-12-01"), monthLabel: "12" },
+        { 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" },
     ]);
 });

package/package.json

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

package/utils/create-date-string.d.ts

@@ -0,0 +1 @@
+export declare function createDateString(year: number, month?: number, day?: number): string;

package/utils/create-date-string.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDateString = createDateString;
+function createDateString(year, month, day) {
+    return `${year}-${((month !== null && month !== void 0 ? month : 0) + 1).toString().padStart(2, "0")}-${(day !== null && day !== void 0 ? day : 1).toString().padStart(2, "0")}`;
+}

package/utils/dayjs-en.js

@@ -40,6 +40,13 @@ exports.dayjsEn = void 0;
 const dayjs_1 = __importStar(require("dayjs"));
 require("dayjs/locale/en");
 const isBetween_1 = __importDefault(require("dayjs/plugin/isBetween"));
+const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
+const utc_1 = __importDefault(require("dayjs/plugin/utc"));
 (0, dayjs_1.extend)(isBetween_1.default);
-const dayjsEn = (value) => (0, dayjs_1.default)(value).locale("en");
+(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");
+};
 exports.dayjsEn = dayjsEn;

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

@@ -6,7 +6,15 @@ beforeAll(() => {
 });
 test("getCurrentYearMonthAndDate", () => {
     jest.setSystemTime(new Date("2021-08-10"));
-    expect((0, get_current_year_month_and_date_1.getCurrentYearMonthAndDate)()).toStrictEqual({ year: 2021, month: 7, date: new Date("2021-08-01") });
+    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"),
+    });
     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-01") });
+    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"),
+    });
 });

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

@@ -1,25 +1,22 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const dayjs_1 = __importDefault(require("dayjs"));
+const dayjs_en_1 = require("./dayjs-en");
 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_1.default)("2023-10-12").toDate();
+        const date = (0, dayjs_en_1.dayjsEn)("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_1.default)("2023-10-12").toDate(),
-            (0, dayjs_1.default)("2023-10-13").toDate(),
-            (0, dayjs_1.default)("2023-10-14").toDate(),
-            (0, dayjs_1.default)("2023-10-16").toDate(),
-            (0, dayjs_1.default)("2023-10-17").toDate(),
+            (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(),
         ];
         const expected = [
             { start: dates.at(0), end: dates.at(2) },
@@ -28,7 +25,7 @@ describe("getDateIntervals", () => {
         expect((0, get_date_invervals_1.getDateIntervals)(dates)).toStrictEqual(expected);
     });
     it("should handle non-contiguous dates", () => {
-        const dates = [(0, dayjs_1.default)("2023-10-12").toDate(), (0, dayjs_1.default)("2023-10-14").toDate(), (0, dayjs_1.default)("2023-10-16").toDate()];
+        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 expected = [
             { start: dates.at(0), end: dates.at(0) },
             { start: dates.at(1), end: dates.at(1) },