@uxf/datepicker 11.25.0 → 11.32.0

package/contexts/date-picker-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseDatePickerReturnType } from "../hooks/use-date-picker";
 export type DatePickerContextProps = UseDatePickerReturnType;
 export declare const DatePickerContext: import("react").Context<UseDatePickerReturnType>;

package/contexts/date-range-picker-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseDateRangePickerReturnType } from "../hooks/use-date-range-picker";
 export type DatePickerContextProps = UseDateRangePickerReturnType;
 export declare const DateRangePickerContext: import("react").Context<UseDateRangePickerReturnType>;

package/contexts/time-picker-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TimePickerContextProps = {
     focusedHour: number | null;
     focusedMinute: number | null;

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

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDatePickerNavigation = void 0;
+exports.useDatePickerNavigation = useDatePickerNavigation;
 const react_1 = require("react");
 const dayjs_en_1 = require("../utils/dayjs-en");
 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, }) {
+    var _a, _b, _c, _d;
     const goToPrevMonths = (0, react_1.useCallback)(() => {
         const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -1);
         setActiveMonths(newActiveMonths);
@@ -48,14 +49,18 @@ function useDatePickerNavigation({ activeMonths, setActiveMonths, setFocusedDate
         setFocusedDate(null);
         return newActiveMonths;
     }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
-    const canGoToPrevMonth = minBookingDate ? !(0, dayjs_en_1.dayjsEn)(activeMonths[0].date).isBefore((0, dayjs_en_1.dayjsEn)(minBookingDate)) : true;
+    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))
+        : true;
     const canGoToNextMonth = maxBookingDate
         ? !(0, dayjs_en_1.dayjsEn)(activeMonths[activeMonths.length - 1].date)
             .endOf("month")
             .isAfter((0, dayjs_en_1.dayjsEn)(maxBookingDate))
         : true;
     const canGoToPrevYear = minBookingDate
-        ? !(0, dayjs_en_1.dayjsEn)(activeMonths[0].date).startOf("year").isBefore((0, dayjs_en_1.dayjsEn)(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())
+            .startOf("year")
+            .isBefore((0, dayjs_en_1.dayjsEn)(minBookingDate))
         : true;
     const canGoToNextYear = maxBookingDate
         ? !(0, dayjs_en_1.dayjsEn)(activeMonths[activeMonths.length - 1].date)
@@ -95,4 +100,3 @@ function useDatePickerNavigation({ activeMonths, setActiveMonths, setFocusedDate
         goToPrevYear,
     };
 }
-exports.useDatePickerNavigation = useDatePickerNavigation;

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const react_1 = require("react");
+const react_1 = require("@testing-library/react");
+const react_2 = require("react");
 const use_date_picker_navigation_1 = require("./use-date-picker-navigation");
 const ACTIVE_MONTHS = [{ date: new Date("2021-09-01"), month: 8, year: 2021 }];
 test("base data", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
         activeMonths: ACTIVE_MONTHS,
         setActiveMonths: () => undefined,
         numberOfMonths: 1,
@@ -19,7 +19,7 @@ test("base data", () => {
     expect(result.current.canGoToYear(new Date("2020-01-01"))).toBe(true);
 });
 test("base data with min and max date", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
         activeMonths: ACTIVE_MONTHS,
         setActiveMonths: () => undefined,
         numberOfMonths: 1,
@@ -35,8 +35,8 @@ test("base data with min and max date", () => {
     expect(result.current.canGoToYear(new Date("2026-01-01"))).toBe(false);
 });
 test("actions", () => {
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)([{ month: 8, year: 2021, date: new Date("2021-09-01") }]));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)([{ month: 8, year: 2021, date: new Date("2021-09-01") }]));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
         activeMonths: state.current[0],
         setActiveMonths: (data) => state.current[1](data),
         numberOfMonths: 1,
@@ -46,28 +46,28 @@ test("actions", () => {
     }));
     // go to year 2020
     expect(result.current.canGoToPrevYear).toBe(true);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToPrevYear();
         rerender();
     });
     expect(result.current.canGoToPrevYear).toBe(false);
     expect(result.current.canGoToNextYear).toBe(true);
     // go to year 2022
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToNextYear(2);
         rerender();
     });
     expect(result.current.canGoToPrevYear).toBe(true);
     expect(result.current.canGoToNextYear).toBe(false);
     // go back to year 2021
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToPrevYear();
         rerender();
     });
     expect(result.current.canGoToPrevYear).toBe(true);
     expect(result.current.canGoToNextYear).toBe(true);
     // go to prev month
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToPrevMonths();
         result.current.goToPrevMonthsByOneMonth();
         rerender();
@@ -75,7 +75,7 @@ test("actions", () => {
     expect(result.current.canGoToPrevMonth).toBe(true);
     expect(result.current.canGoToNextMonth).toBe(true);
     // go to next month
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToNextMonths();
         result.current.goToNextMonthsByOneMonth();
         rerender();
@@ -83,13 +83,13 @@ test("actions", () => {
     expect(result.current.canGoToPrevMonth).toBe(true);
     expect(result.current.canGoToNextMonth).toBe(true);
     // go to month
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToDate(new Date("2020-12-30"));
         rerender();
     });
     expect(result.current.canGoToPrevMonth).toBe(false);
     expect(result.current.canGoToNextMonth).toBe(true);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToDate(new Date("2022-03-01"));
         rerender();
     });

package/hooks/use-date-picker.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDatePicker = void 0;
+exports.useDatePicker = useDatePicker;
 const react_1 = require("react");
 const dayjs_en_1 = require("../utils/dayjs-en");
 const get_initial_months_1 = require("../utils/get-initial-months");
@@ -52,11 +52,12 @@ function useDatePicker({ datesConfig = [], firstDayOfWeek = 0, initialVisibleMon
             return;
         }
         function handleKeyDown(e) {
+            var _a, _b;
             if ((e.key === "ArrowRight" || e.key === "ArrowLeft" || e.key === "ArrowDown" || e.key === "ArrowUp") &&
                 !focusedDate) {
-                const activeMonth = activeMonths[0];
-                onDateFocus(activeMonth.date);
-                setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, activeMonth.date));
+                const activeMonthDate = (_b = (_a = activeMonths.at(0)) === null || _a === void 0 ? void 0 : _a.date) !== null && _b !== void 0 ? _b : new Date();
+                onDateFocus(activeMonthDate);
+                setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, activeMonthDate));
             }
         }
         window.addEventListener("keydown", handleKeyDown);
@@ -116,4 +117,3 @@ function useDatePicker({ datesConfig = [], firstDayOfWeek = 0, initialVisibleMon
         unavailableDates: disabledDates,
     };
 }
-exports.useDatePicker = useDatePicker;

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const react_1 = require("react");
+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 { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({
         selectedDate: BASE_DATE,
         onDateChange: () => undefined,
         minBookingDate: new Date("2020-01-01"),
@@ -25,12 +25,12 @@ test("base data", () => {
 });
 test("date focus", () => {
     const BASE_DATE = new Date("2021-09-15");
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)(BASE_DATE));
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({ selectedDate: state.current[0], onDateChange: (date) => state.current[1](date) }));
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)(BASE_DATE));
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({ selectedDate: state.current[0], onDateChange: (date) => state.current[1](date) }));
     const NEW_DATE = new Date("2022-12-22");
     expect(result.current.isDateFocused(BASE_DATE)).toBe(true);
     expect(result.current.isDateFocused(NEW_DATE)).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateFocus(NEW_DATE);
     });
     expect(result.current.isDateFocused(NEW_DATE)).toBe(true);
@@ -38,31 +38,31 @@ test("date focus", () => {
 });
 test("date select", () => {
     const BASE_DATE = new Date("2021-09-15");
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)(BASE_DATE));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({ selectedDate: state.current[0], onDateChange: (date) => state.current[1](date) }));
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)(BASE_DATE));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({ selectedDate: state.current[0], onDateChange: (date) => state.current[1](date) }));
     const NEW_DATE = new Date("2022-12-22");
     expect(result.current.isDateSelected(BASE_DATE)).toBe(true);
     expect(result.current.isDateSelected(NEW_DATE)).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(NEW_DATE);
         rerender();
     });
     expect(result.current.isDateSelected(NEW_DATE)).toBe(true);
     expect(result.current.isDateSelected(BASE_DATE)).toBe(false);
     // select another
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(BASE_DATE);
         rerender();
     });
     expect(result.current.isDateSelected(BASE_DATE)).toBe(true);
     // select save (deselect)
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(BASE_DATE);
         rerender();
     });
     expect(result.current.isDateSelected(BASE_DATE)).toBe(false);
     // reset
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(BASE_DATE);
         result.current.onResetDates();
         rerender();

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDateRangePicker = exports.END_DATE = exports.START_DATE = void 0;
+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");
@@ -61,11 +62,12 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
             return;
         }
         function handleKeyDown(e) {
+            var _a, _b;
             if ((e.key === "ArrowRight" || e.key === "ArrowLeft" || e.key === "ArrowDown" || e.key === "ArrowUp") &&
                 !focusedDate) {
-                const activeMonth = activeMonths[0];
-                onDateFocus(activeMonth.date);
-                setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, activeMonth.date));
+                const activeMonthDate = (_b = (_a = activeMonths.at(0)) === null || _a === void 0 ? void 0 : _a.date) !== null && _b !== void 0 ? _b : new Date();
+                onDateFocus(activeMonthDate);
+                setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, activeMonthDate));
             }
         }
         window.addEventListener("keydown", handleKeyDown);
@@ -226,4 +228,3 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
         unavailableDates: disabledDates,
     };
 }
-exports.useDateRangePicker = useDateRangePicker;

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const react_1 = require("react");
+const react_1 = require("@testing-library/react");
+const react_2 = require("react");
 const use_date_range_picker_1 = require("./use-date-range-picker");
 beforeAll(() => {
     jest.useFakeTimers();
     jest.setSystemTime(new Date("2021-09-25"));
 });
 test("base data", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
         startDate: null,
         endDate: null,
         onDatesChange: () => undefined,
@@ -35,8 +35,8 @@ test("base data", () => {
 });
 test("date focus", () => {
     const BASE_DATE = new Date("2021-09-15");
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)({ startDate: null, endDate: null, focusedInput: "startDate" }));
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)({ startDate: null, endDate: null, focusedInput: "startDate" }));
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
         startDate: state.current[0].startDate,
         endDate: state.current[0].endDate,
         onDatesChange: (data) => state.current[1](data),
@@ -46,7 +46,7 @@ test("date focus", () => {
     const NEW_DATE = new Date("2022-12-22");
     expect(result.current.isDateFocused(BASE_DATE)).toBe(false);
     expect(result.current.isDateFocused(NEW_DATE)).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateFocus(NEW_DATE);
     });
     expect(result.current.isDateFocused(NEW_DATE)).toBe(true);
@@ -54,8 +54,8 @@ test("date focus", () => {
 });
 test("date select", () => {
     const BASE_DATE = new Date("2021-09-15");
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)({ startDate: null, endDate: null, focusedInput: "startDate" }));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)({ startDate: null, endDate: null, focusedInput: "startDate" }));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
         startDate: state.current[0].startDate,
         endDate: state.current[0].endDate,
         onDatesChange: (data) => state.current[1](data),
@@ -65,20 +65,20 @@ test("date select", () => {
     const NEW_DATE = new Date("2022-12-22");
     expect(result.current.isDateSelected(BASE_DATE)).toBe(false);
     expect(result.current.isDateSelected(NEW_DATE)).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(NEW_DATE);
         rerender();
     });
     expect(result.current.isDateSelected(NEW_DATE)).toBe(true);
     expect(result.current.isDateSelected(BASE_DATE)).toBe(false);
     // select another
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(BASE_DATE);
         rerender();
     });
     expect(result.current.isDateSelected(BASE_DATE)).toBe(true);
     // reset
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(BASE_DATE);
         result.current.onResetDates();
         rerender();

package/hooks/use-day.js

@@ -3,14 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDay = void 0;
+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");
 function useDay({ date, datesConfig, dayRef, focusedDate, isDateBlocked, isDateFocused, isDateHovered, isDateInsideRange, isDateSelected, onDateFocus, onDateHover, onDateSelect, preventScroll, unavailableDates, }) {
     var _a;
-    const disabledDatesFromConfig = (_a = datesConfig === null || datesConfig === void 0 ? void 0 : datesConfig.filter((config) => config.isDisabled).flatMap((config) => config.dates)) !== null && _a !== void 0 ? _a : [];
+    const disabledDatesFromConfig = (_a = datesConfig === null || datesConfig === void 0 ? void 0 : datesConfig.filter((config) => config.isDisabled).flatMap((config) => config.dates)) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY;
     // merge and filter duplicates
     const disabledDates = [...unavailableDates, ...disabledDatesFromConfig].filter((day, index, self) => index === self.findIndex((d) => d.getTime() === day.getTime()));
     const onClick = (0, react_1.useCallback)(() => onDateSelect(date), [date, onDateSelect]);
@@ -64,7 +65,7 @@ function useDay({ date, datesConfig, dayRef, focusedDate, isDateBlocked, isDateF
         return acc;
     }, []);
     return {
-        flags: flags !== null && flags !== void 0 ? flags : [],
+        flags: flags !== null && flags !== void 0 ? flags : empty_array_1.EMPTY_ARRAY,
         disabledDate: disabled,
         isFirstDisabled: _isFirstUnavailableDate(),
         isHovered: isDateHovered(date),
@@ -79,4 +80,3 @@ function useDay({ date, datesConfig, dayRef, focusedDate, isDateBlocked, isDateF
         tabIndex: focusedDate === null || isDateFocused(date) ? 0 : -1,
     };
 }
-exports.useDay = useDay;

package/hooks/use-day.test.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
+const react_1 = require("@testing-library/react");
 const dayjs_1 = __importDefault(require("dayjs"));
-const react_1 = require("react");
+const react_2 = require("react");
 const use_day_1 = require("./use-day");
 const e = { preventDefault: () => undefined, key: undefined };
 beforeAll(() => {
@@ -13,7 +13,7 @@ beforeAll(() => {
     jest.setSystemTime(new Date("2021-09-06"));
 });
 test("useDay", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_day_1.useDay)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_day_1.useDay)({
         date: new Date("2021-09-05"),
         datesConfig: [],
         focusedDate: null,
@@ -38,7 +38,7 @@ test("useDay", () => {
     expect(result.current.isWithinHoverRange).toBe(false);
 });
 test("useDay with unavailableDates", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_day_1.useDay)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_day_1.useDay)({
         date: new Date("2021-09-05"),
         datesConfig: [],
         focusedDate: null,
@@ -63,7 +63,7 @@ test("useDay with unavailableDates", () => {
     expect(result.current.isWithinHoverRange).toBe(false);
 });
 test("useDay with datesConfig", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_day_1.useDay)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_day_1.useDay)({
         date: new Date("2021-09-05"),
         datesConfig: [{ dates: [new Date("2021-09-05")], flag: "custom-classname", isDisabled: true }],
         focusedDate: null,
@@ -93,8 +93,8 @@ test("actions", () => {
     let selectedDate = null;
     let focusedDate = null;
     const insideRangeDate = null;
-    const { result: ref } = (0, react_hooks_1.renderHook)(() => (0, react_1.useRef)(null));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_day_1.useDay)({
+    const { result: ref } = (0, react_1.renderHook)(() => (0, react_2.useRef)(null));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_day_1.useDay)({
         date: new Date("2021-09-05"),
         datesConfig: [],
         dayRef: ref.current,
@@ -111,7 +111,7 @@ test("actions", () => {
     }));
     // hover
     expect(result.current.isHovered).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onMouseEnter();
         rerender();
     });
@@ -119,7 +119,7 @@ test("actions", () => {
     expect(result.current.tabIndex).toBe(0);
     // select
     expect(result.current.isSelected).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         if (result.current.onClick) {
             result.current.onClick();
         }
@@ -128,7 +128,7 @@ test("actions", () => {
     expect(result.current.isSelected).toBe(true);
     expect(result.current.isInsideRange).toBe(false);
     // keyDown
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         e.key = "ArrowRight";
         result.current.onKeyDown(e);
         e.key = "ArrowLeft";

package/hooks/use-decade.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDecade = exports.decadeLabelFormatFn = exports.yearLabelFormatFn = void 0;
+exports.decadeLabelFormatFn = exports.yearLabelFormatFn = void 0;
+exports.useDecade = useDecade;
 const react_1 = require("react");
 const dayjs_en_1 = require("../utils/dayjs-en");
 const get_years_1 = require("../utils/get-years");
@@ -18,4 +19,3 @@ function useDecade({ yearLabelFormat = exports.yearLabelFormatFn, decadeLabelFor
         decadeLabel: decadeLabelFormat(startYear, endYear),
     };
 }
-exports.useDecade = useDecade;

package/hooks/use-decade.test.js

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
+const react_1 = require("@testing-library/react");
 const dayjs_1 = __importDefault(require("dayjs"));
 const use_decade_1 = require("./use-decade");
 test("useDecade", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_decade_1.useDecade)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_decade_1.useDecade)({
         year: 2021,
     }));
     expect(result.current.decadeLabel).toBe("2017 – 2025");
@@ -24,7 +24,7 @@ test("useDecade", () => {
     ]);
 });
 test("useDecade with custom formats", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_decade_1.useDecade)({
+    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"),

package/hooks/use-hour.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHour = void 0;
+exports.useHour = useHour;
 const react_1 = require("react");
 function useHour({ hour, hourRef, focusedHour, isHourFocused, isHourSelected, onHourFocus, onHourSelect, preventScroll, }) {
     const onClick = (0, react_1.useCallback)(() => onHourSelect(hour), [hour, onHourSelect]);
@@ -37,4 +37,3 @@ function useHour({ hour, hourRef, focusedHour, isHourFocused, isHourSelected, on
         tabIndex: focusedHour === null || isHourFocused(hour) ? 0 : -1,
     };
 }
-exports.useHour = useHour;

package/hooks/use-hour.test.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const react_1 = require("react");
+const react_1 = require("@testing-library/react");
+const react_2 = require("react");
 const use_hour_1 = require("./use-hour");
 test("useHour", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_hour_1.useHour)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_hour_1.useHour)({
         hour: 5,
         focusedHour: null,
         isHourFocused: () => false,
@@ -18,8 +18,8 @@ test("useHour", () => {
 test("actions", () => {
     let selectedHour = null;
     let focusedHour = null;
-    const { result: ref } = (0, react_hooks_1.renderHook)(() => (0, react_1.useRef)(null));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_hour_1.useHour)({
+    const { result: ref } = (0, react_1.renderHook)(() => (0, react_2.useRef)(null));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_hour_1.useHour)({
         hour: 30,
         focusedHour: null,
         isHourFocused: (hour) => focusedHour === hour,
@@ -31,7 +31,7 @@ test("actions", () => {
     expect(result.current.tabIndex).toBe(0);
     // select
     expect(result.current.isSelected).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         if (result.current.onClick) {
             result.current.onClick();
         }

package/hooks/use-hours.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHours = exports.labelFormatFn = void 0;
+exports.labelFormatFn = void 0;
+exports.useHours = useHours;
 const react_1 = require("react");
 const labelFormatFn = (hour) => hour.toString().padStart(2, "0");
 exports.labelFormatFn = labelFormatFn;
@@ -12,4 +13,3 @@ function useHours({ labelFormat = exports.labelFormatFn }) {
         hours,
     };
 }
-exports.useHours = useHours;

package/hooks/use-hours.test.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
+const react_1 = require("@testing-library/react");
 const use_hours_1 = require("./use-hours");
 test("useHours", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_hours_1.useHours)({}));
+    const { result } = (0, react_1.renderHook)(() => (0, use_hours_1.useHours)({}));
     expect(result.current.hours).toStrictEqual([
         { label: "00", value: 0 },
         { label: "01", value: 1 },
@@ -32,7 +32,7 @@ test("useHours", () => {
     ]);
 });
 test("useMinutes with custom format", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_hours_1.useHours)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_hours_1.useHours)({
         labelFormat: (hour) => "--" + hour + "--",
     }));
     expect(result.current.hours).toStrictEqual([

package/hooks/use-minute.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMinute = void 0;
+exports.useMinute = useMinute;
 const react_1 = require("react");
 function useMinute({ minute, minuteRef, focusedMinute, isMinuteFocused, isMinuteSelected, onMinuteFocus, onMinuteSelect, preventScroll, }) {
     const onClick = (0, react_1.useCallback)(() => onMinuteSelect(minute), [minute, onMinuteSelect]);
@@ -37,4 +37,3 @@ function useMinute({ minute, minuteRef, focusedMinute, isMinuteFocused, isMinute
         tabIndex: focusedMinute === null || isMinuteFocused(minute) ? 0 : -1,
     };
 }
-exports.useMinute = useMinute;

package/hooks/use-minute.test.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const react_1 = require("react");
+const react_1 = require("@testing-library/react");
+const react_2 = require("react");
 const use_minute_1 = require("./use-minute");
 test("useMinute", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_minute_1.useMinute)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_minute_1.useMinute)({
         minute: 30,
         focusedMinute: null,
         isMinuteFocused: () => false,
@@ -18,8 +18,8 @@ test("useMinute", () => {
 test("actions", () => {
     let selectedMinute = null;
     let focusedMinute = null;
-    const { result: ref } = (0, react_hooks_1.renderHook)(() => (0, react_1.useRef)(null));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_minute_1.useMinute)({
+    const { result: ref } = (0, react_1.renderHook)(() => (0, react_2.useRef)(null));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_minute_1.useMinute)({
         minute: 30,
         focusedMinute: null,
         isMinuteFocused: (minute) => focusedMinute === minute,
@@ -31,7 +31,7 @@ test("actions", () => {
     expect(result.current.tabIndex).toBe(0);
     // select
     expect(result.current.isSelected).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         if (result.current.onClick) {
             result.current.onClick();
         }

package/hooks/use-minutes.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMinutes = exports.labelFormatFn = void 0;
+exports.labelFormatFn = void 0;
+exports.useMinutes = useMinutes;
 const react_1 = require("react");
 const labelFormatFn = (hour) => hour.toString().padStart(2, "0");
 exports.labelFormatFn = labelFormatFn;
@@ -12,4 +13,3 @@ function useMinutes({ labelFormat = exports.labelFormatFn }) {
         minutes,
     };
 }
-exports.useMinutes = useMinutes;

package/hooks/use-minutes.test.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
+const react_1 = require("@testing-library/react");
 const use_minutes_1 = require("./use-minutes");
 test("useMinutes", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_minutes_1.useMinutes)({}));
+    const { result } = (0, react_1.renderHook)(() => (0, use_minutes_1.useMinutes)({}));
     expect(result.current.minutes).toStrictEqual([
         { label: "00", value: 0 },
         { label: "05", value: 5 },
@@ -20,7 +20,7 @@ test("useMinutes", () => {
     ]);
 });
 test("useMinutes with custom format", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_minutes_1.useMinutes)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_minutes_1.useMinutes)({
         labelFormat: (minute) => "--" + minute + "--",
     }));
     expect(result.current.minutes).toStrictEqual([

package/hooks/use-month.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMonth = exports.monthLabelFormatFn = exports.weekdayLabelFormatFn = exports.dayLabelFormatFn = void 0;
+exports.monthLabelFormatFn = exports.weekdayLabelFormatFn = exports.dayLabelFormatFn = void 0;
+exports.useMonth = useMonth;
 const react_1 = require("react");
 const dayjs_en_1 = require("../utils/dayjs-en");
 const get_days_1 = require("../utils/get-days");
@@ -20,4 +21,3 @@ function useMonth({ dayLabelFormat = exports.dayLabelFormatFn, firstDayOfWeek =
         weekdayLabels,
     };
 }
-exports.useMonth = useMonth;

package/hooks/use-month.test.js

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
+const react_1 = require("@testing-library/react");
 const dayjs_1 = __importDefault(require("dayjs"));
 const use_month_1 = require("./use-month");
 test("useMonth", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_month_1.useMonth)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_month_1.useMonth)({
         year: 2021,
         month: 0,
     }));
@@ -59,7 +59,7 @@ test("useMonth", () => {
     expect(result.current.weekdayLabels).toStrictEqual(["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]);
 });
 test("useMonth with custom formats and firstDayOfWeek", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_month_1.useMonth)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_month_1.useMonth)({
         year: 2021,
         month: 0,
         firstDayOfWeek: 1,

package/hooks/use-time-picker.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTimePicker = void 0;
+exports.useTimePicker = useTimePicker;
 const react_1 = require("react");
 function useTimePicker({ selectedTime, onTimeChange, onSelectCallback, preventScroll, }) {
     var _a, _b;
@@ -81,4 +81,3 @@ function useTimePicker({ selectedTime, onTimeChange, onSelectCallback, preventSc
         preventScroll,
     };
 }
-exports.useTimePicker = useTimePicker;

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const react_1 = require("react");
+const react_1 = require("@testing-library/react");
+const react_2 = require("react");
 const use_time_picker_1 = require("./use-time-picker");
 test("base data", () => {
     const BASE_TIME = { hour: 12, minute: 57 };
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_time_picker_1.useTimePicker)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_time_picker_1.useTimePicker)({
         selectedTime: BASE_TIME,
         onTimeChange: () => undefined,
     }));
@@ -14,14 +14,14 @@ test("base data", () => {
 });
 test("time focus", () => {
     const BASE_TIME = { hour: 12, minute: 57 };
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)(BASE_TIME));
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_time_picker_1.useTimePicker)({ selectedTime: state.current[0], onTimeChange: (time) => state.current[1](time) }));
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)(BASE_TIME));
+    const { result } = (0, react_1.renderHook)(() => (0, use_time_picker_1.useTimePicker)({ selectedTime: state.current[0], onTimeChange: (time) => state.current[1](time) }));
     const NEW_TIME = { hour: 13, minute: 15 };
     expect(result.current.isHourFocused(BASE_TIME.hour)).toBe(true);
     expect(result.current.isHourFocused(NEW_TIME.hour)).toBe(false);
     expect(result.current.isMinuteFocused(BASE_TIME.minute)).toBe(true);
     expect(result.current.isMinuteFocused(NEW_TIME.minute)).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onHourFocus(NEW_TIME.hour);
         result.current.onMinuteFocus(NEW_TIME.minute);
     });
@@ -32,14 +32,14 @@ test("time focus", () => {
 });
 test("time select", () => {
     const BASE_TIME = { hour: 12, minute: 57 };
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)(BASE_TIME));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_time_picker_1.useTimePicker)({ selectedTime: state.current[0], onTimeChange: (time) => state.current[1](time) }));
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)(BASE_TIME));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_time_picker_1.useTimePicker)({ selectedTime: state.current[0], onTimeChange: (time) => state.current[1](time) }));
     const NEW_TIME = { hour: 13, minute: 15 };
     expect(result.current.isHourSelected(BASE_TIME.hour)).toBe(true);
     expect(result.current.isHourSelected(NEW_TIME.hour)).toBe(false);
     expect(result.current.isMinuteSelected(BASE_TIME.minute)).toBe(true);
     expect(result.current.isMinuteSelected(NEW_TIME.minute)).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onTimeSelect(NEW_TIME);
         rerender();
     });
@@ -50,34 +50,34 @@ test("time select", () => {
 });
 test("time navigation", () => {
     const BASE_TIME = { hour: 1, minute: 58 };
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)(BASE_TIME));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_time_picker_1.useTimePicker)({ selectedTime: state.current[0], onTimeChange: (time) => state.current[1](time) }));
-    (0, react_hooks_1.act)(() => {
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)(BASE_TIME));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_time_picker_1.useTimePicker)({ selectedTime: state.current[0], onTimeChange: (time) => state.current[1](time) }));
+    (0, react_1.act)(() => {
         result.current.goToPrevHour();
         rerender();
     });
     expect(state.current[0]).toStrictEqual({ hour: 0, minute: 58 });
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToNextMinute();
         rerender();
     });
     expect(state.current[0]).toStrictEqual({ hour: 0, minute: 59 });
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToPrevHour();
         rerender();
     });
     expect(state.current[0]).toStrictEqual({ hour: 23, minute: 59 });
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToNextHour();
         rerender();
     });
     expect(state.current[0]).toStrictEqual({ hour: 0, minute: 59 });
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToNextMinute();
         rerender();
     });
     expect(state.current[0]).toStrictEqual({ hour: 1, minute: 0 });
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToPrevMinute();
         rerender();
     });

package/hooks/use-year.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useYear = exports.yearLabelFormatFn = exports.monthLabelFormatFn = void 0;
+exports.yearLabelFormatFn = exports.monthLabelFormatFn = void 0;
+exports.useYear = useYear;
 const react_1 = require("react");
 const dayjs_en_1 = require("../utils/dayjs-en");
 const get_months_1 = require("../utils/get-months");
@@ -15,4 +16,3 @@ function useYear({ yearLabelFormat = exports.yearLabelFormatFn, monthLabelFormat
         yearLabel: yearLabelFormat(new Date(year, 0)),
     };
 }
-exports.useYear = useYear;

package/hooks/use-year.test.js

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
+const react_1 = require("@testing-library/react");
 const dayjs_1 = __importDefault(require("dayjs"));
 const use_year_1 = require("./use-year");
 test("useYear", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_year_1.useYear)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_year_1.useYear)({
         year: 2021,
     }));
     expect(result.current.yearLabel).toBe("2021");
@@ -27,7 +27,7 @@ test("useYear", () => {
     ]);
 });
 test("useYear with custom formats", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_year_1.useYear)({
+    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"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/datepicker",
-  "version": "11.25.0",
+  "version": "11.32.0",
   "description": "A set of React hooks to create an awesome datepicker.",
   "main": "index.js",
   "scripts": {
@@ -25,10 +25,10 @@
     "react-dom": ">=18.2.0"
   },
   "devDependencies": {
-    "@testing-library/react-hooks": "7.0.2",
-    "@types/react": "18.2.63",
-    "@types/react-dom": "18.2.19",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "@testing-library/react": "16.0.0",
+    "@types/react": "18.3.5",
+    "@types/react-dom": "18.3.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   }
 }

package/utils/can-select-range.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.canSelectRange = void 0;
+exports.canSelectRange = canSelectRange;
 const dayjs_en_1 = require("./dayjs-en");
 const get_each_1 = require("./get-each");
 // eslint-disable-next-line complexity
@@ -42,4 +42,3 @@ function canSelectRange({ startDate, endDate, isDateBlocked, minBookingDays, exa
     }
     return false;
 }
-exports.canSelectRange = canSelectRange;

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

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCurrentYearMonthAndDate = void 0;
+exports.getCurrentYearMonthAndDate = getCurrentYearMonthAndDate;
 const dayjs_en_1 = require("./dayjs-en");
 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());
 }
-exports.getCurrentYearMonthAndDate = getCurrentYearMonthAndDate;

package/utils/get-date-invervals.js

@@ -3,13 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDateIntervals = void 0;
+exports.getDateIntervals = getDateIntervals;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const dayjs_1 = __importDefault(require("dayjs"));
 function getDateIntervals(dates) {
     const sortedDates = dates.slice().sort((a, b) => a.getTime() - b.getTime());
     const intervals = [];
-    let currentStart = sortedDates[0];
-    let currentEnd = sortedDates[0];
+    const firstSortedDate = sortedDates.at(0);
+    let currentStart = firstSortedDate !== null && firstSortedDate !== void 0 ? firstSortedDate : new Date();
+    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_1.default)(currentEnd).add(1, "day").toDate();
@@ -23,10 +25,9 @@ function getDateIntervals(dates) {
             currentEnd = currentDate;
         }
     }
-    if (sortedDates[0]) {
+    if ((0, is_not_nil_1.isNotNil)(firstSortedDate)) {
         // Push the last interval
         intervals.push({ start: currentStart, end: currentEnd });
     }
     return intervals;
 }
-exports.getDateIntervals = getDateIntervals;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDateMonthAndYear = void 0;
+exports.getDateMonthAndYear = getDateMonthAndYear;
 const dayjs_en_1 = require("./dayjs-en");
 function getDateMonthAndYear(date) {
     const day = (0, dayjs_en_1.dayjsEn)(date).startOf("month").toDate();
@@ -12,4 +12,3 @@ function getDateMonthAndYear(date) {
         date: day,
     };
 }
-exports.getDateMonthAndYear = getDateMonthAndYear;

package/utils/get-days.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDays = void 0;
+exports.getDays = getDays;
 const dayjs_en_1 = require("./dayjs-en");
 const get_each_1 = require("./get-each");
 function getDays({ year, month, firstDayOfWeek = 0, dayLabelFormat = (date) => (0, dayjs_en_1.dayjsEn)(date).format("DD"), }) {
@@ -33,4 +33,3 @@ function getDays({ year, month, firstDayOfWeek = 0, dayLabelFormat = (date) => (
     }));
     return [...prevMonthDays, ...days, ...nextMonthDays];
 }
-exports.getDays = getDays;

package/utils/get-each.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEach = void 0;
+exports.getEach = getEach;
 const dayjs_en_1 = require("./dayjs-en");
 function getEach(start, end, type, arr = [(0, dayjs_en_1.dayjsEn)(start).startOf(type).toDate()]) {
     if ((0, dayjs_en_1.dayjsEn)(start).isAfter(end)) {
@@ -12,4 +12,3 @@ function getEach(start, end, type, arr = [(0, dayjs_en_1.dayjsEn)(start).startOf
     }
     return getEach(next, end, type, arr.concat(next));
 }
-exports.getEach = getEach;

package/utils/get-initial-months.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getInitialMonths = void 0;
+exports.getInitialMonths = getInitialMonths;
 const dayjs_en_1 = require("./dayjs-en");
 const get_current_year_month_and_date_1 = require("./get-current-year-month-and-date");
 const get_date_month_and_year_1 = require("./get-date-month-and-year");
@@ -18,4 +18,3 @@ function getInitialMonths(numberOfMonths, startDate) {
     }
     return months;
 }
-exports.getInitialMonths = getInitialMonths;

package/utils/get-months.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMonths = void 0;
+exports.getMonths = getMonths;
 const dayjs_en_1 = require("./dayjs-en");
 const get_each_1 = require("./get-each");
 function getMonths({ year, monthLabelFormat = (date) => (0, dayjs_en_1.dayjsEn)(date).format("MMMM"), }) {
@@ -12,4 +12,3 @@ function getMonths({ year, monthLabelFormat = (date) => (0, dayjs_en_1.dayjsEn)(
         monthLabel: monthLabelFormat(d),
     }));
 }
-exports.getMonths = getMonths;

package/utils/get-next-active-month.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNextActiveMonth = void 0;
+exports.getNextActiveMonth = getNextActiveMonth;
 const dayjs_en_1 = require("./dayjs-en");
 const get_date_month_and_year_1 = require("./get-date-month-and-year");
 function getNextActiveMonth(activeMonth, numberOfMonths, counter, step) {
@@ -26,4 +26,3 @@ function getNextActiveMonth(activeMonth, numberOfMonths, counter, step) {
             : [(0, get_date_month_and_year_1.getDateMonthAndYear)(prevMonthDate)].concat(m);
     }, []);
 }
-exports.getNextActiveMonth = getNextActiveMonth;

package/utils/get-weekday-labels.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWeekdayLabels = void 0;
+exports.getWeekdayLabels = getWeekdayLabels;
 const dayjs_en_1 = require("./dayjs-en");
 const get_each_1 = require("./get-each");
 function getWeekdayLabels({ firstDayOfWeek = 0, weekdayLabelFormat = (date) => (0, dayjs_en_1.dayjsEn)(date).format("dd"), }) {
@@ -8,4 +8,3 @@ function getWeekdayLabels({ firstDayOfWeek = 0, weekdayLabelFormat = (date) => (
     const arr = (0, get_each_1.getEach)((0, dayjs_en_1.dayjsEn)(now).startOf("week").add(firstDayOfWeek, "day").toDate(), (0, dayjs_en_1.dayjsEn)(now).endOf("week").add(firstDayOfWeek, "day").toDate(), "day");
     return arr.map((date) => weekdayLabelFormat(date));
 }
-exports.getWeekdayLabels = getWeekdayLabels;

package/utils/get-years.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getYears = void 0;
+exports.getYears = getYears;
 const dayjs_en_1 = require("./dayjs-en");
 const get_each_1 = require("./get-each");
 function getYears({ startYear, endYear, yearLabelFormat = (date) => (0, dayjs_en_1.dayjsEn)(date).format("YYYY"), }) {
@@ -9,4 +9,3 @@ function getYears({ startYear, endYear, yearLabelFormat = (date) => (0, dayjs_en
         yearLabel: yearLabelFormat(d),
     }));
 }
-exports.getYears = getYears;

package/utils/is-browser.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isBrowser = void 0;
 // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-exports.isBrowser = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+exports.isBrowser = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);

package/utils/is-date-blocked.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isDateBlocked = void 0;
+exports.isDateBlocked = isDateBlocked;
 const dayjs_en_1 = require("./dayjs-en");
 const is_in_unavailable_dates_1 = require("./is-in-unavailable-dates");
 function isDateBlocked({ date, minBookingDate, maxBookingDate, isDateBlockedFn, startDate, endDate, minBookingDays = 1, unavailableDates = [], }) {
@@ -10,7 +10,7 @@ function isDateBlocked({ date, minBookingDate, maxBookingDate, isDateBlockedFn,
     const compareMaxDate = maxBookingDate
         ? new Date(maxBookingDate.getFullYear(), maxBookingDate.getMonth(), maxBookingDate.getDate(), 0, 0, 0)
         : maxBookingDate;
-    return !!((0, is_in_unavailable_dates_1.isInUnavailableDates)(unavailableDates, date) ||
+    return Boolean((0, is_in_unavailable_dates_1.isInUnavailableDates)(unavailableDates, date) ||
         (compareMinDate && (0, dayjs_en_1.dayjsEn)(date).isBefore(compareMinDate)) ||
         (compareMaxDate && (0, dayjs_en_1.dayjsEn)(date).isAfter(compareMaxDate)) ||
         (startDate &&
@@ -19,4 +19,3 @@ function isDateBlocked({ date, minBookingDate, maxBookingDate, isDateBlockedFn,
             (0, dayjs_en_1.dayjsEn)(date).isBetween(startDate, (0, dayjs_en_1.dayjsEn)(startDate).add(minBookingDays - 2, "day"))) ||
         (isDateBlockedFn && isDateBlockedFn(date)));
 }
-exports.isDateBlocked = isDateBlocked;

package/utils/is-date-hovered.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isDateHovered = void 0;
+exports.isDateHovered = isDateHovered;
 const dayjs_en_1 = require("./dayjs-en");
 const get_each_1 = require("./get-each");
 function isDateHovered({ date, startDate, endDate, isDateBlocked, hoveredDate, minBookingDays, exactMinBookingDays, }) {
@@ -37,4 +37,3 @@ function isDateHovered({ date, startDate, endDate, isDateBlocked, hoveredDate, m
     }
     return false;
 }
-exports.isDateHovered = isDateHovered;

package/utils/is-date-inside-range.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isDateInsideRange = void 0;
+exports.isDateInsideRange = isDateInsideRange;
 const dayjs_en_1 = require("./dayjs-en");
 function isDateInsideRange(date, startDate, endDate) {
     if (startDate && endDate) {
@@ -8,4 +8,3 @@ function isDateInsideRange(date, startDate, endDate) {
     }
     return false;
 }
-exports.isDateInsideRange = isDateInsideRange;

package/utils/is-end-date.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isEndDate = void 0;
+exports.isEndDate = isEndDate;
 const dayjs_en_1 = require("./dayjs-en");
 function isEndDate(date, endDate) {
-    return !!(endDate && (0, dayjs_en_1.dayjsEn)(date).isSame(endDate, "day"));
+    return Boolean(endDate && (0, dayjs_en_1.dayjsEn)(date).isSame(endDate, "day"));
 }
-exports.isEndDate = isEndDate;

package/utils/is-first-or-last-selected-date.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFirstOrLastSelectedDate = void 0;
+exports.isFirstOrLastSelectedDate = isFirstOrLastSelectedDate;
 const dayjs_en_1 = require("./dayjs-en");
 function isFirstOrLastSelectedDate(date, startDate, endDate) {
-    return !!((startDate && (0, dayjs_en_1.dayjsEn)(date).isSame(startDate, "day")) ||
-        (endDate && (0, dayjs_en_1.dayjsEn)(date).isSame(endDate, "day")));
+    return Boolean((startDate && (0, dayjs_en_1.dayjsEn)(date).isSame(startDate, "day")) || (endDate && (0, dayjs_en_1.dayjsEn)(date).isSame(endDate, "day")));
 }
-exports.isFirstOrLastSelectedDate = isFirstOrLastSelectedDate;

package/utils/is-in-unavailable-dates.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isInUnavailableDates = void 0;
+exports.isInUnavailableDates = isInUnavailableDates;
 const dayjs_en_1 = require("./dayjs-en");
 function isInUnavailableDates(unavailableDates = [], date) {
     return unavailableDates.some((_date) => (0, dayjs_en_1.dayjsEn)(date).isSame(_date, "day"));
 }
-exports.isInUnavailableDates = isInUnavailableDates;

package/utils/is-start-date.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isStartDate = void 0;
+exports.isStartDate = isStartDate;
 const dayjs_en_1 = require("./dayjs-en");
 function isStartDate(date, startDate) {
-    return !!(startDate && (0, dayjs_en_1.dayjsEn)(date).isSame(startDate, "day"));
+    return Boolean(startDate && (0, dayjs_en_1.dayjsEn)(date).isSame(startDate, "day"));
 }
-exports.isStartDate = isStartDate;