@uxf/datepicker 10.0.0-beta.9 → 10.8.0

package/contexts/date-picker-context.js

@@ -29,4 +29,6 @@ exports.DatePickerContext = (0, react_1.createContext)({
     onDateHover: () => undefined,
     onDateSelect: () => undefined,
     onResetDates: () => undefined,
+    preventScroll: undefined,
+    unavailableDates: [],
 });

package/contexts/date-range-picker-context.js

@@ -32,4 +32,5 @@ exports.DateRangePickerContext = (0, react_1.createContext)({
     onDateHover: () => undefined,
     onDateSelect: () => undefined,
     onResetDates: () => undefined,
+    unavailableDates: [],
 });

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

@@ -10,5 +10,6 @@ export type TimePickerContextProps = {
     onHourSelect: (hour: number) => void;
     onMinuteFocus: (minute: number) => void;
     onMinuteSelect: (minute: number) => void;
+    preventScroll?: boolean;
 };
 export declare const TimePickerContext: import("react").Context<TimePickerContextProps>;

package/contexts/time-picker-context.js

@@ -13,4 +13,5 @@ exports.TimePickerContext = (0, react_1.createContext)({
     onHourSelect: () => undefined,
     onMinuteFocus: () => undefined,
     onMinuteSelect: () => undefined,
+    preventScroll: undefined,
 });

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDatePickerNavigation = void 0;
 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");
-const dayjs_en_1 = require("../utils/dayjs-en");
 function useDatePickerNavigation({ activeMonths, setActiveMonths, setFocusedDate, minBookingDate, maxBookingDate, numberOfMonths, }) {
     const goToPrevMonths = (0, react_1.useCallback)(() => {
         setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -1));

package/hooks/use-date-picker.d.ts

@@ -9,6 +9,7 @@ export interface UseDatePickerProps {
     minBookingDate?: Date;
     numberOfMonths?: number;
     onDateChange: (data: OnDateChangeType) => void;
+    preventScroll?: boolean;
     selectedDate: Date | null;
     unavailableDates?: Date[];
 }
@@ -26,5 +27,7 @@ export interface UseDatePickerReturnType extends UseDatePickerNavigationReturnTy
     onDateHover: (date: Date | null) => void;
     onDateSelect: (date: Date) => void;
     onResetDates: () => void;
+    preventScroll?: boolean;
+    unavailableDates: Date[];
 }
-export declare function useDatePicker({ firstDayOfWeek, initialVisibleMonth, isDateBlocked: isDateBlockedProps, maxBookingDate, minBookingDate, numberOfMonths, onDateChange, selectedDate, unavailableDates, }: UseDatePickerProps): UseDatePickerReturnType;
+export declare function useDatePicker({ firstDayOfWeek, initialVisibleMonth, isDateBlocked: isDateBlockedProps, maxBookingDate, minBookingDate, numberOfMonths, onDateChange, preventScroll, selectedDate, unavailableDates, }: UseDatePickerProps): UseDatePickerReturnType;

package/hooks/use-date-picker.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDatePicker = void 0;
 const react_1 = require("react");
+const dayjs_en_1 = require("../utils/dayjs-en");
 const get_initial_months_1 = require("../utils/get-initial-months");
+const is_browser_1 = require("../utils/is-browser");
 const is_date_blocked_1 = require("../utils/is-date-blocked");
 const is_date_hovered_1 = require("../utils/is-date-hovered");
 const is_in_unavailable_dates_1 = require("../utils/is-in-unavailable-dates");
 const is_start_date_1 = require("../utils/is-start-date");
 const use_date_picker_navigation_1 = require("./use-date-picker-navigation");
-const is_browser_1 = require("../utils/is-browser");
-const dayjs_en_1 = require("../utils/dayjs-en");
-function useDatePicker({ firstDayOfWeek = 0, initialVisibleMonth, isDateBlocked: isDateBlockedProps = () => false, maxBookingDate, minBookingDate, numberOfMonths = 1, onDateChange, selectedDate, unavailableDates = [], }) {
+function useDatePicker({ firstDayOfWeek = 0, initialVisibleMonth, isDateBlocked: isDateBlockedProps = () => false, maxBookingDate, minBookingDate, numberOfMonths = 1, onDateChange, preventScroll, selectedDate, unavailableDates = [], }) {
     const [activeMonths, setActiveMonths] = (0, react_1.useState)(() => selectedDate
         ? (0, get_initial_months_1.getInitialMonths)(numberOfMonths, selectedDate)
         : (0, get_initial_months_1.getInitialMonths)(numberOfMonths, initialVisibleMonth || null));
@@ -109,6 +109,8 @@ function useDatePicker({ firstDayOfWeek = 0, initialVisibleMonth, isDateBlocked:
         onDateHover,
         onDateSelect,
         onResetDates: onReset,
+        preventScroll,
+        unavailableDates,
     };
 }
 exports.useDatePicker = useDatePicker;

package/hooks/use-date-range-picker.d.ts

@@ -21,6 +21,7 @@ export interface UseDateRangePickerProps {
     minBookingDays?: number;
     numberOfMonths?: number;
     onDatesChange: (data: OnDatesChangeProps) => void;
+    preventScroll?: boolean;
     startDate: Date | null;
     unavailableDates?: Date[];
 }
@@ -41,5 +42,7 @@ export interface UseDateRangePickerReturnType extends UseDatePickerNavigationRet
     onDateHover: (date: Date | null) => void;
     onDateSelect: (date: Date) => void;
     onResetDates: () => void;
+    preventScroll?: boolean;
+    unavailableDates: Date[];
 }
 export declare function useDateRangePicker({ changeActiveMonthOnSelect, endDate, exactMinBookingDays, firstDayOfWeek, focusedInput, initialVisibleMonth, isDateBlocked: isDateBlockedProps, maxBookingDate, minBookingDate, minBookingDays, numberOfMonths, onDatesChange, startDate, unavailableDates, }: UseDateRangePickerProps): UseDateRangePickerReturnType;

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

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDateRangePicker = exports.END_DATE = exports.START_DATE = void 0;
 const react_1 = require("react");
 const can_select_range_1 = require("../utils/can-select-range");
+const dayjs_en_1 = require("../utils/dayjs-en");
 const get_initial_months_1 = require("../utils/get-initial-months");
+const is_browser_1 = require("../utils/is-browser");
 const is_date_blocked_1 = require("../utils/is-date-blocked");
 const is_date_hovered_1 = require("../utils/is-date-hovered");
 const is_date_inside_range_1 = require("../utils/is-date-inside-range");
@@ -12,8 +14,6 @@ const is_first_or_last_selected_date_1 = require("../utils/is-first-or-last-sele
 const is_in_unavailable_dates_1 = require("../utils/is-in-unavailable-dates");
 const is_start_date_1 = require("../utils/is-start-date");
 const use_date_picker_navigation_1 = require("./use-date-picker-navigation");
-const is_browser_1 = require("../utils/is-browser");
-const dayjs_en_1 = require("../utils/dayjs-en");
 exports.START_DATE = "startDate";
 exports.END_DATE = "endDate";
 function useDateRangePicker({ changeActiveMonthOnSelect = false, endDate, exactMinBookingDays = false, firstDayOfWeek = 0, focusedInput, initialVisibleMonth, isDateBlocked: isDateBlockedProps = () => false, maxBookingDate, minBookingDate, minBookingDays = 1, numberOfMonths = 2, onDatesChange, startDate, unavailableDates = [], }) {
@@ -220,6 +220,7 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, endDate, exactM
         onDateHover,
         onDateSelect,
         onResetDates,
+        unavailableDates,
     };
 }
 exports.useDateRangePicker = useDateRangePicker;

package/hooks/use-day.d.ts

@@ -11,8 +11,12 @@ export interface UseDayProps {
     onDateFocus: (date: Date) => void;
     onDateHover: (date: Date) => void;
     onDateSelect: (date: Date) => void;
+    preventScroll?: boolean;
+    unavailableDates: Date[];
 }
 export interface UseDayReturnType {
+    isFirstDisabled: boolean;
+    isLastDisabled: boolean;
     disabledDate: boolean;
     isHovered: boolean;
     isSelected: boolean;
@@ -24,4 +28,4 @@ export interface UseDayReturnType {
     onMouseEnter: () => void;
     tabIndex: number;
 }
-export declare function useDay({ date, dayRef, focusedDate, isDateBlocked, isDateFocused, isDateHovered, isDateInsideRange, isDateSelected, onDateFocus, onDateHover, onDateSelect, }: UseDayProps): UseDayReturnType;
+export declare function useDay({ date, dayRef, focusedDate, isDateBlocked, isDateFocused, isDateHovered, isDateInsideRange, isDateSelected, onDateFocus, onDateHover, onDateSelect, preventScroll, unavailableDates, }: UseDayProps): UseDayReturnType;

package/hooks/use-day.js

@@ -1,18 +1,25 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDay = void 0;
+const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = require("react");
 const dayjs_en_1 = require("../utils/dayjs-en");
-function useDay({ date, dayRef, focusedDate, isDateBlocked, isDateFocused, isDateHovered, isDateInsideRange, isDateSelected, onDateFocus, onDateHover, onDateSelect, }) {
+const get_date_invervals_1 = require("../utils/get-date-invervals");
+function useDay({ date, dayRef, focusedDate, isDateBlocked, isDateFocused, isDateHovered, isDateInsideRange, isDateSelected, onDateFocus, onDateHover, onDateSelect, preventScroll, unavailableDates, }) {
     const onClick = (0, react_1.useCallback)(() => onDateSelect(date), [date, onDateSelect]);
     const onMouseEnter = (0, react_1.useCallback)(() => onDateHover(date), [date, onDateHover]);
     const disabled = isDateBlocked(date) && !isDateHovered(date);
     const isToday = (0, dayjs_en_1.dayjsEn)().isSame(date, "day");
     (0, react_1.useEffect)(() => {
         if (dayRef && dayRef.current && isDateFocused(date)) {
-            dayRef.current.focus();
+            dayRef.current.focus({
+                preventScroll,
+            });
         }
-    }, [dayRef, date, isDateFocused]);
+    }, [dayRef, date, isDateFocused, preventScroll]);
     const onKeyDown = (0, react_1.useCallback)((e) => {
         if (["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"].includes(e.key)) {
             e.preventDefault();
@@ -32,8 +39,18 @@ function useDay({ date, dayRef, focusedDate, isDateBlocked, isDateFocused, isDat
             }
         }
     }, [date, onDateFocus]);
+    const sortedUnavailableDates = unavailableDates.slice().sort((a, b) => a.getTime() - b.getTime());
+    const dateIntervals = (0, get_date_invervals_1.getDateIntervals)(sortedUnavailableDates);
+    const _isFirstUnavailableDate = () => {
+        return dateIntervals.some((interval) => (0, dayjs_1.default)(interval.start).isSame(date, "day"));
+    };
+    const _isLastUnavailableDate = () => {
+        return dateIntervals.some((interval) => (0, dayjs_1.default)(interval.end).isSame(date, "day"));
+    };
     return {
         disabledDate: disabled,
+        isFirstDisabled: _isFirstUnavailableDate(),
+        isLastDisabled: _isLastUnavailableDate(),
         isHovered: isDateHovered(date),
         isSelected: isDateSelected(date),
         isInsideRange: isDateInsideRange ? isDateInsideRange(date) : false,

package/hooks/use-day.test.js

@@ -24,9 +24,36 @@ test("useDay", () => {
         isDateInsideRange: () => false,
         onDateHover: () => undefined,
         onDateSelect: () => undefined,
+        unavailableDates: [],
     }));
     expect(result.current.tabIndex).toBe(0);
     expect(result.current.disabledDate).toBe(false);
+    expect(result.current.isFirstDisabled).toBe(false);
+    expect(result.current.isLastDisabled).toBe(false);
+    expect(result.current.isHovered).toBe(false);
+    expect(result.current.isToday).toBe(false);
+    expect(result.current.isSelected).toBe(false);
+    expect(result.current.isInsideRange).toBe(false);
+    expect(result.current.isWithinHoverRange).toBe(false);
+});
+test("useDay with unavailableDates", () => {
+    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_day_1.useDay)({
+        date: new Date("2021-09-05"),
+        isDateBlocked: () => true,
+        focusedDate: null,
+        onDateFocus: () => undefined,
+        isDateFocused: () => false,
+        isDateHovered: () => false,
+        isDateSelected: () => false,
+        isDateInsideRange: () => false,
+        onDateHover: () => undefined,
+        onDateSelect: () => undefined,
+        unavailableDates: [new Date("2021-09-05")],
+    }));
+    expect(result.current.tabIndex).toBe(0);
+    expect(result.current.disabledDate).toBe(true);
+    expect(result.current.isFirstDisabled).toBe(true);
+    expect(result.current.isLastDisabled).toBe(true);
     expect(result.current.isHovered).toBe(false);
     expect(result.current.isToday).toBe(false);
     expect(result.current.isSelected).toBe(false);
@@ -51,6 +78,7 @@ test("actions", () => {
         onDateHover: (date) => (hoveredDate = date),
         onDateSelect: (date) => (selectedDate = date),
         dayRef: ref.current,
+        unavailableDates: [new Date("2021-09-05")],
     }));
     // hover
     expect(result.current.isHovered).toBe(false);

package/hooks/use-decade.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDecade = exports.decadeLabelFormatFn = exports.yearLabelFormatFn = void 0;
 const react_1 = require("react");
-const get_years_1 = require("../utils/get-years");
 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");
 exports.yearLabelFormatFn = yearLabelFormatFn;
 const decadeLabelFormatFn = (start, end) => `${(0, dayjs_en_1.dayjsEn)(start).format("YYYY")} \u2013 ${(0, dayjs_en_1.dayjsEn)(end).format("YYYY")}`;

package/hooks/use-hour.d.ts

@@ -7,6 +7,7 @@ export interface UseHourProps {
     isHourSelected: (hour: number) => boolean;
     onHourFocus: (hour: number) => void;
     onHourSelect: (hour: number) => void;
+    preventScroll?: boolean;
 }
 export interface UseHourReturnType {
     isSelected: boolean;
@@ -14,4 +15,4 @@ export interface UseHourReturnType {
     onKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
     tabIndex: number;
 }
-export declare function useHour({ hour, hourRef, focusedHour, isHourFocused, isHourSelected, onHourFocus, onHourSelect, }: UseHourProps): UseHourReturnType;
+export declare function useHour({ hour, hourRef, focusedHour, isHourFocused, isHourSelected, onHourFocus, onHourSelect, preventScroll, }: UseHourProps): UseHourReturnType;

package/hooks/use-hour.js

@@ -2,13 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHour = void 0;
 const react_1 = require("react");
-function useHour({ hour, hourRef, focusedHour, isHourFocused, isHourSelected, onHourFocus, onHourSelect, }) {
+function useHour({ hour, hourRef, focusedHour, isHourFocused, isHourSelected, onHourFocus, onHourSelect, preventScroll, }) {
     const onClick = (0, react_1.useCallback)(() => onHourSelect(hour), [hour, onHourSelect]);
     (0, react_1.useEffect)(() => {
         if (hourRef && hourRef.current && isHourFocused(hour)) {
-            hourRef.current.focus();
+            hourRef.current.focus({
+                preventScroll,
+            });
         }
-    }, [hourRef, hour, isHourFocused]);
+    }, [hourRef, hour, isHourFocused, preventScroll]);
     const onKeyDown = (0, react_1.useCallback)((e) => {
         if (["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"].includes(e.key)) {
             e.preventDefault();

package/hooks/use-minute.d.ts

@@ -7,6 +7,7 @@ export interface UseMinuteProps {
     isMinuteSelected: (minute: number) => boolean;
     onMinuteFocus: (minute: number) => void;
     onMinuteSelect: (minute: number) => void;
+    preventScroll?: boolean;
 }
 export interface UseMinuteReturnType {
     isSelected: boolean;
@@ -14,4 +15,4 @@ export interface UseMinuteReturnType {
     onKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
     tabIndex: number;
 }
-export declare function useMinute({ minute, minuteRef, focusedMinute, isMinuteFocused, isMinuteSelected, onMinuteFocus, onMinuteSelect, }: UseMinuteProps): UseMinuteReturnType;
+export declare function useMinute({ minute, minuteRef, focusedMinute, isMinuteFocused, isMinuteSelected, onMinuteFocus, onMinuteSelect, preventScroll, }: UseMinuteProps): UseMinuteReturnType;

package/hooks/use-minute.js

@@ -2,13 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMinute = void 0;
 const react_1 = require("react");
-function useMinute({ minute, minuteRef, focusedMinute, isMinuteFocused, isMinuteSelected, onMinuteFocus, onMinuteSelect, }) {
+function useMinute({ minute, minuteRef, focusedMinute, isMinuteFocused, isMinuteSelected, onMinuteFocus, onMinuteSelect, preventScroll, }) {
     const onClick = (0, react_1.useCallback)(() => onMinuteSelect(minute), [minute, onMinuteSelect]);
     (0, react_1.useEffect)(() => {
         if (minuteRef && minuteRef.current && isMinuteFocused(minute)) {
-            minuteRef.current.focus();
+            minuteRef.current.focus({
+                preventScroll,
+            });
         }
-    }, [minuteRef, minute, isMinuteFocused]);
+    }, [minuteRef, minute, isMinuteFocused, preventScroll]);
     const onKeyDown = (0, react_1.useCallback)((e) => {
         if (["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"].includes(e.key)) {
             e.preventDefault();

package/hooks/use-month.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMonth = exports.monthLabelFormatFn = exports.weekdayLabelFormatFn = exports.dayLabelFormatFn = void 0;
 const react_1 = require("react");
+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");
-const dayjs_en_1 = require("../utils/dayjs-en");
 const dayLabelFormatFn = (date) => (0, dayjs_en_1.dayjsEn)(date).format("DD");
 exports.dayLabelFormatFn = dayLabelFormatFn;
 const weekdayLabelFormatFn = (date) => (0, dayjs_en_1.dayjsEn)(date).format("dd"); // localization

package/hooks/use-time-picker.d.ts

@@ -6,6 +6,7 @@ export type OnTimeChangeType = TimeType | null;
 export interface UseTimePickerProps {
     onSelectCallback?: () => void;
     onTimeChange: (data: OnTimeChangeType) => void;
+    preventScroll?: boolean;
     selectedTime: TimeType | null;
 }
 export interface UseTimePickerReturnType {
@@ -24,5 +25,6 @@ export interface UseTimePickerReturnType {
     onHourSelect: (hour: number) => void;
     onMinuteFocus: (minute: number) => void;
     onMinuteSelect: (minute: number) => void;
+    preventScroll?: boolean;
 }
-export declare function useTimePicker({ selectedTime, onTimeChange, onSelectCallback, }: UseTimePickerProps): UseTimePickerReturnType;
+export declare function useTimePicker({ selectedTime, onTimeChange, onSelectCallback, preventScroll, }: UseTimePickerProps): UseTimePickerReturnType;

package/hooks/use-time-picker.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTimePicker = void 0;
 const react_1 = require("react");
-function useTimePicker({ selectedTime, onTimeChange, onSelectCallback, }) {
+function useTimePicker({ selectedTime, onTimeChange, onSelectCallback, preventScroll, }) {
     var _a, _b;
     const [focusedHour, setFocusedHour] = (0, react_1.useState)((_a = selectedTime === null || selectedTime === void 0 ? void 0 : selectedTime.hour) !== null && _a !== void 0 ? _a : null);
     const [focusedMinute, setFocusedMinute] = (0, react_1.useState)((_b = selectedTime === null || selectedTime === void 0 ? void 0 : selectedTime.minute) !== null && _b !== void 0 ? _b : null);
@@ -78,6 +78,7 @@ function useTimePicker({ selectedTime, onTimeChange, onSelectCallback, }) {
         onHourSelect,
         onMinuteFocus,
         onMinuteSelect,
+        preventScroll,
     };
 }
 exports.useTimePicker = useTimePicker;

package/hooks/use-year.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useYear = exports.yearLabelFormatFn = exports.monthLabelFormatFn = void 0;
 const react_1 = require("react");
-const get_months_1 = require("../utils/get-months");
 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
 exports.monthLabelFormatFn = monthLabelFormatFn;
 const yearLabelFormatFn = (date) => (0, dayjs_en_1.dayjsEn)(date).format("YYYY");

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@uxf/datepicker",
-  "version": "10.0.0-beta.9",
+  "version": "10.8.0",
   "description": "A set of React hooks to create an awesome datepicker.",
   "main": "index.js",
   "scripts": {
     "build": "tsc -P tsconfig.json",
-    "typecheck": "tsc --noEmit --skipLibCheck",
-    "jest": "jest --coverage=true"
+    "typecheck": "tsc --noEmit --skipLibCheck"
   },
   "publishConfig": {
     "access": "public"
@@ -15,26 +14,21 @@
     "type": "git",
     "url": "git+https://gitlab.com/uxf-npm/datepicker.git"
   },
-  "devDependencies": {
-    "@testing-library/react-hooks": "^7.0.1",
-    "@types/react": "18.2.6",
-    "eslint": "^8.8.0",
-    "react": "18.2.0"
-  },
   "author": "UX Fans s.r.o.",
   "license": "ISC",
   "bugs": {
     "url": "https://gitlab.com/uxf-npm/datepicker/issues"
   },
   "homepage": "https://gitlab.com/uxf-npm/datepicker#readme",
-  "dependencies": {
-    "dayjs": "^1.11.5"
-  },
   "peerDependencies": {
-    "react": ">=17"
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
   },
-  "volta": {
-    "node": "16.5.0",
-    "yarn": "1.22.19"
+  "devDependencies": {
+    "@testing-library/react-hooks": "7.0.2",
+    "@types/react": "18.2.27",
+    "@types/react-dom": "18.2.12",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   }
 }

package/utils/can-select-range.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.canSelectRange = void 0;
-const get_each_1 = require("./get-each");
 const dayjs_en_1 = require("./dayjs-en");
+const get_each_1 = require("./get-each");
 // eslint-disable-next-line complexity
 function canSelectRange({ startDate, endDate, isDateBlocked, minBookingDays, exactMinBookingDays, minBookingDate, maxBookingDate, }) {
     const isStartDateAfterOrEqualMinDate = minBookingDate

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCurrentYearMonthAndDate = void 0;
-const get_date_month_and_year_1 = require("./get-date-month-and-year");
 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());
 }

package/utils/get-date-intervals.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,39 @@
+"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 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();
+        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(),
+        ];
+        const expected = [
+            { start: dates[0], end: dates[2] },
+            { start: dates[3], end: dates[4] },
+        ];
+        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 expected = [
+            { start: dates[0], end: dates[0] },
+            { start: dates[1], end: dates[1] },
+            { start: dates[2], end: dates[2] },
+        ];
+        expect((0, get_date_invervals_1.getDateIntervals)(dates)).toStrictEqual(expected);
+    });
+});

package/utils/get-date-invervals.d.ts

@@ -0,0 +1,3 @@
+type ReturnType = Record<"start" | "end", Date>[];
+export declare function getDateIntervals(dates: Date[]): ReturnType;
+export {};

package/utils/get-date-invervals.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDateIntervals = void 0;
+const dayjs_1 = __importDefault(require("dayjs"));
+function getDateIntervals(dates) {
+    const intervals = [];
+    let currentStart = dates[0];
+    let currentEnd = dates[0];
+    for (let i = 1; i < dates.length; i++) {
+        const currentDate = dates[i];
+        const nextDate = (0, dayjs_1.default)(currentEnd).add(1, "day").toDate();
+        // If the current date matches the expected next date, it's contiguous
+        if ((0, dayjs_1.default)(currentDate).isSame(nextDate, "day")) {
+            currentEnd = currentDate;
+        }
+        else {
+            intervals.push({ start: currentStart, end: currentEnd });
+            currentStart = currentDate;
+            currentEnd = currentDate;
+        }
+    }
+    if (dates[0]) {
+        // Push the last interval
+        intervals.push({ start: currentStart, end: currentEnd });
+    }
+    return intervals;
+}
+exports.getDateIntervals = getDateIntervals;

package/utils/get-days.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDays = void 0;
-const get_each_1 = require("./get-each");
 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"), }) {
     const date = new Date(year, month);
     const lastDayOfWeek = firstDayOfWeek + 7;

package/utils/get-initial-months.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInitialMonths = void 0;
+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");
-const dayjs_en_1 = require("./dayjs-en");
 function getInitialMonths(numberOfMonths, startDate) {
     const firstMonth = startDate ? (0, get_date_month_and_year_1.getDateMonthAndYear)(startDate) : (0, get_current_year_month_and_date_1.getCurrentYearMonthAndDate)();
     let prevMonthDate = firstMonth.date;

package/utils/get-months.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getMonths = void 0;
-const get_each_1 = require("./get-each");
 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"), }) {
     const date = new Date(year, 0);
     const yearStart = (0, dayjs_en_1.dayjsEn)(date).startOf("year").toDate();

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNextActiveMonth = void 0;
-const get_date_month_and_year_1 = require("./get-date-month-and-year");
 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) {
     let prevMonth;
     if (step) {

package/utils/get-weekday-labels.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getWeekdayLabels = void 0;
-const get_each_1 = require("./get-each");
 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"), }) {
     const now = new 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");

package/utils/get-weekday-labels.test.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const dayjs_1 = __importDefault(require("dayjs"));
-const get_weekday_labels_1 = require("./get-weekday-labels");
 require("dayjs/locale/cs");
+const get_weekday_labels_1 = require("./get-weekday-labels");
 test("getWeekdayLabels", () => {
     expect((0, get_weekday_labels_1.getWeekdayLabels)({})).toStrictEqual(["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]);
 });

package/utils/get-years.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getYears = void 0;
-const get_each_1 = require("./get-each");
 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"), }) {
     return (0, get_each_1.getEach)(startYear, endYear, "year").map((d) => ({
         date: d,

package/utils/is-date-blocked.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isDateBlocked = void 0;
-const is_in_unavailable_dates_1 = require("./is-in-unavailable-dates");
 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 = [], }) {
     const compareMinDate = minBookingDate
         ? new Date(minBookingDate.getFullYear(), minBookingDate.getMonth(), minBookingDate.getDate(), 0, 0, 0)

package/utils/is-date-hovered.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isDateHovered = void 0;
-const get_each_1 = require("./get-each");
 const dayjs_en_1 = require("./dayjs-en");
+const get_each_1 = require("./get-each");
 function isDateHovered({ date, startDate, endDate, isDateBlocked, hoveredDate, minBookingDays, exactMinBookingDays, }) {
     if (
     // exact min booking days