@stenajs-webui/calendar 21.25.0 → 21.27.0

package/dist/components/calendar/renderers/WeekNumberCell.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { ReactNode } from "react";
 import { OnClickWeek } from "../../../types/CalendarTypes";
 import { WeekData } from "../../../util/calendar/CalendarDataFactory";
 import { CalendarTheme } from "../CalendarTheme";
@@ -6,7 +7,7 @@ export interface WeekNumberCellProps {
     week: WeekData;
     onClickWeek?: OnClickWeek;
     theme: CalendarTheme;
-    background?: JSX.Element;
+    background?: ReactNode;
     prefix?: string;
     backgroundColor?: string;
 }

package/dist/components/input-types/date-range-dual-text-input/hooks/UseDateRangeEffects.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from "react";
-export declare const useDateRangeEffects: (startDate: Date | undefined, endDate: Date | undefined, setDateInFocus: (date: Date) => void, startDateInputRef: RefObject<HTMLInputElement>, endDateInputRef: RefObject<HTMLInputElement>) => void;
+export declare const useDateRangeEffects: (startDate: Date | undefined, endDate: Date | undefined, setDateInFocus: (date: Date) => void, startDateInputRef: RefObject<HTMLInputElement | null>, endDateInputRef: RefObject<HTMLInputElement | null>) => void;

package/dist/components/input-types/date-range-dual-text-input/hooks/UseUserInputHandlers.d.ts

@@ -3,7 +3,7 @@ import { RefObject } from "react";
 import { DayData } from "../../../../util/calendar/CalendarDataFactory";
 import { DateRangeDualTextInputProps } from "../DateRangeDualTextInput";
 import { UseInputStatesResult } from "./UseInputStates";
-export declare const useUserInputHandlers: (startDate: Date | undefined, endDate: Date | undefined, onValueChange: DateRangeDualTextInputProps["onValueChange"], startDateInputRef: RefObject<HTMLInputElement>, endDateInputRef: RefObject<HTMLInputElement>, showCalendar: (dateInFocus?: Date) => void, hideCalendar: () => void, { firstFocusedInput, setFirstFocusedInput, isCalendarVisible, setFocusedInput, focusedInput, setCurrentPanel, setDateInFocus, }: UseInputStatesResult) => {
+export declare const useUserInputHandlers: (startDate: Date | undefined, endDate: Date | undefined, onValueChange: DateRangeDualTextInputProps["onValueChange"], startDateInputRef: RefObject<HTMLInputElement | null>, endDateInputRef: RefObject<HTMLInputElement | null>, showCalendar: (dateInFocus?: Date) => void, hideCalendar: () => void, { firstFocusedInput, setFirstFocusedInput, isCalendarVisible, setFocusedInput, focusedInput, setCurrentPanel, setDateInFocus, }: UseInputStatesResult) => {
     onFocusLeft: () => void;
     onFocusRight: () => void;
     onClickDay: (day: DayData) => void;

package/dist/components/input-types/date-range-input/hooks/UseDateRangeInput.d.ts

@@ -8,8 +8,8 @@ export declare const useDateRangeInput: (value: DateRange | undefined, onValueCh
     showCalendarStartDate: () => true;
     focusedInput: DateRangeFocusedInput;
     setFocusedInput: import("react").Dispatch<import("react").SetStateAction<DateRangeFocusedInput>>;
-    startDateInputRef: import("react").RefObject<HTMLInputElement>;
-    endDateInputRef: import("react").RefObject<HTMLInputElement>;
+    startDateInputRef: import("react").RefObject<HTMLInputElement | null>;
+    endDateInputRef: import("react").RefObject<HTMLInputElement | null>;
     onClickDay: (day: DayData) => void;
     startDateIsAfterEnd: boolean | undefined;
 };

package/dist/components/input-types/date-time-input/hooks/UseDateRangeEffects.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from "react";
-export declare const useDateRangeEffects: (date: Date | undefined | null, setDateInFocus: (date: Date) => void, dateInputRef: RefObject<HTMLInputElement>) => void;
+export declare const useDateRangeEffects: (date: Date | undefined | null, setDateInFocus: (date: Date) => void, dateInputRef: RefObject<HTMLInputElement | null>) => void;

package/dist/components/input-types/date-time-input/hooks/UseDateRangeHandlers.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEvent, RefObject } from "react";
 import { DateTimeInputProps } from "../DateTimeInput";
 import { UseInputStatesResult } from "./UseInputStates";
-export declare const useDateRangeHandlers: (date: Date | undefined | null, onValueChange: DateTimeInputProps["onValueChange"], { setDateInFocus, showCalendarInternal, hideCalendarInternal, setFirstFocusedInput, setCurrentPanel, localTime, setLocalTime, localDate, setLocalDate, }: UseInputStatesResult, dateInputRef: RefObject<HTMLInputElement>) => {
+export declare const useDateRangeHandlers: (date: Date | undefined | null, onValueChange: DateTimeInputProps["onValueChange"], { setDateInFocus, showCalendarInternal, hideCalendarInternal, setFirstFocusedInput, setCurrentPanel, localTime, setLocalTime, localDate, setLocalDate, }: UseInputStatesResult, dateInputRef: RefObject<HTMLInputElement | null>) => {
     inputLeftChangeHandler: (ev: ChangeEvent<HTMLInputElement>) => void;
     inputRightChangeHandler: (ev: ChangeEvent<HTMLInputElement>) => void;
     hideCalendar: () => void;

package/dist/components/input-types/date-time-input/hooks/UseUserInputHandlers.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { RefObject } from "react";
 import { DayData } from "../../../../util/calendar/CalendarDataFactory";
 import { UseInputStatesResult } from "./UseInputStates";
-export declare const useUserInputHandlers: (onChangeDate: (incomingDate: Date | null) => void, dateInputRef: RefObject<HTMLInputElement>, showCalendar: () => void, hideCalendar: () => void, { isCalendarVisible, setCurrentPanel, showTimePicker, hideTimePicker, }: UseInputStatesResult) => {
+export declare const useUserInputHandlers: (onChangeDate: (incomingDate: Date | null) => void, dateInputRef: RefObject<HTMLInputElement | null>, showCalendar: () => void, hideCalendar: () => void, { isCalendarVisible, setCurrentPanel, showTimePicker, hideTimePicker, }: UseInputStatesResult) => {
     onFocusLeft: () => void;
     onFocusRight: () => void;
     onClickDay: (day: DayData) => void;

package/dist/features/calendar-with-month-year-pickers/CalendarWithMonthYearPickers.d.ts

@@ -12,5 +12,5 @@ interface CalendarWithMonthYearPickersProps<T> extends Omit<CalendarProps<T>, "d
     onSelectPreset: (preset: CalendarPreset) => void;
     renderMonthPicker?: (args: RenderMonthPickerArgs) => ReactNode;
 }
-export declare const CalendarWithMonthYearPickers: <T>({ locale, dateInFocus, firstMonthInMonthPicker, setDateInFocus, currentPanel, setCurrentPanel, renderMonthPicker, ...props }: CalendarWithMonthYearPickersProps<T>) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+export declare const CalendarWithMonthYearPickers: <T>({ locale, dateInFocus, firstMonthInMonthPicker, setDateInFocus, currentPanel, setCurrentPanel, renderMonthPicker, ...props }: CalendarWithMonthYearPickersProps<T>) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
 export {};

package/dist/features/time-picker/TimePickerCell.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { MutableRefObject, RefObject } from "react";
+import { RefObject } from "react";
 export interface TimePickerCellProps {
     item: number;
     selected?: boolean;
     onClick: (label: number) => void;
-    columnRef: RefObject<HTMLDivElement>;
-    canScrollRef: MutableRefObject<boolean>;
+    columnRef: RefObject<HTMLDivElement | null>;
+    canScrollRef: RefObject<boolean>;
 }
 export declare const TimePickerCell: React.FC<TimePickerCellProps>;

package/dist/features/travel-calendar/hooks/UseTravelDateInput.d.ts

@@ -5,7 +5,7 @@ export declare const useTravelDateInput: (value: string | undefined, onValueChan
     onClickDate: (date: Date) => void;
     onValueChangeByInputs: (value: string) => void;
     prevMonthDisabled: boolean;
-    monthPickerButtonRef: import("react").RefObject<HTMLButtonElement>;
+    monthPickerButtonRef: import("react").RefObject<HTMLButtonElement | null>;
     calendarId: string;
     monthPickerButtonLabel: string;
     visiblePanel: VisiblePanel;

package/dist/features/travel-calendar/hooks/UseTravelDateRangeInput.d.ts

@@ -6,7 +6,7 @@ export declare const useTravelDateRangeInput: (value: TravelDateRangeInputValue
     onValueChangeByInputs: (value: TravelDateRangeInputValue) => void;
     isValidDateRange: boolean;
     prevMonthDisabled: boolean;
-    monthPickerButtonRef: import("react").RefObject<HTMLButtonElement>;
+    monthPickerButtonRef: import("react").RefObject<HTMLButtonElement | null>;
     calendarId: string;
     monthPickerButtonLabel: string;
     visiblePanel: VisiblePanel;