@stenajs-webui/calendar 20.12.0 → 20.13.0

package/dist/components/calendar-types/travel-date-calendar/TravelDateCalendar.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { HeadingVariant } from "@stenajs-webui/core";
+import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+export interface TravelDateCalendarProps extends ValueAndOnValueChangeProps<string> {
+    localeCode?: string;
+    initialMonthInFocus?: Date;
+    label?: string;
+    previousMonthButtonAriaLabel?: string;
+    nextMonthButtonAriaLabel?: string;
+    heading?: string;
+    headingLevel?: HeadingVariant;
+    firstMonthInMonthPicker?: Date;
+    numMonthsInMonthPicker?: number;
+}
+export declare const TravelDateCalendar: React.FC<TravelDateCalendarProps>;

package/dist/components/input-types/travel-date-input/TravelDateInput.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { ReactNode } from "react";
+import { HeadingVariant } from "@stenajs-webui/core";
+import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+export interface RenderBelowSingleDateCalendarArgs {
+    hideCalendar: () => void;
+}
+export interface TravelDateInputProps extends ValueAndOnValueChangeProps<string> {
+    localeCode?: string;
+    initialMonthInFocus?: Date;
+    label?: string;
+    previousMonthButtonAriaLabel?: string;
+    nextMonthButtonAriaLabel?: string;
+    heading?: string;
+    headingLevel?: HeadingVariant;
+    firstMonthInMonthPicker?: Date;
+    numMonthsInMonthPicker?: number;
+    zIndex?: number;
+    zIndexWhenClosed?: number;
+    onHideCalendar?: () => void;
+    renderBelowCalendar?: (args: RenderBelowSingleDateCalendarArgs) => ReactNode;
+}
+export declare const TravelDateInput: React.FC<TravelDateInputProps>;

package/dist/features/travel-calendar/components/MonthHeader.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Ref } from "react";
-import { VisiblePanel } from "../hooks/UseTravelDateRangeInput";
+import { VisiblePanel } from "../types";
 export interface MonthHeaderProps {
     monthPickerButtonLabel: string;
     nextMonthButtonAriaLabel: string;

package/dist/features/travel-calendar/components/TravelDateSingleTextInputField.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface TravelDateSingleTextInputFieldProps {
+    value: string | undefined;
+    onValueChange: ((value: string) => void) | undefined;
+    localeCode: string;
+    label?: string;
+    onFocus?: () => void;
+}
+export declare const TravelDateSingleTextInputField: React.FC<TravelDateSingleTextInputFieldProps>;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { VisiblePanel } from "../types";
+export declare const useTravelDateInput: (value: string | undefined, onValueChange: ((value: string) => void) | undefined, localeCode: string, initialMonthInFocus: Date | undefined) => {
+    isDateDisabled: (date: Date) => boolean;
+    onClickDate: (date: Date) => void;
+    onValueChangeByInputs: (value: string) => void;
+    prevMonthDisabled: boolean;
+    monthPickerButtonRef: import("react").RefObject<HTMLButtonElement>;
+    calendarId: string;
+    monthPickerButtonLabel: string;
+    visiblePanel: VisiblePanel;
+    setVisiblePanel: import("react").Dispatch<import("react").SetStateAction<VisiblePanel>>;
+    setVisibleMonth: import("react").Dispatch<import("react").SetStateAction<Date>>;
+    visibleMonthData: import("../../../util/calendar/CalendarDataFactory").MonthData;
+    todayIsInVisibleMonth: boolean;
+    hoverDate: Date | undefined;
+    setHoverDate: import("react").Dispatch<import("react").SetStateAction<Date | undefined>>;
+    selectedDate: Date | undefined;
+    today: Date;
+    visibleMonth: Date;
+};

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { TravelDateRangeInputValue } from "../types";
-export type VisiblePanel = "calendar" | "month-picker";
+import { TravelDateRangeInputValue, VisiblePanel } from "../types";
 export declare const useTravelDateRangeInput: (value: TravelDateRangeInputValue | undefined, onValueChange: ((value: TravelDateRangeInputValue) => void) | undefined, localeCode: string, initialMonthInFocus: Date | undefined) => {
     isDateDisabled: (date: Date) => boolean;
     onClickDate: (date: Date) => void;

package/dist/features/travel-calendar/types.d.ts

@@ -2,3 +2,4 @@ export interface TravelDateRangeInputValue {
     startDate?: string;
     endDate?: string;
 }
+export type VisiblePanel = "calendar" | "month-picker";

package/dist/index.d.ts

@@ -29,6 +29,8 @@ export * from "./features/year-picker/YearPicker";
 export * from "./features/preset-picker/PresetPicker";
 export * from "./components/input-types/date-range-dual-text-input/DateRangeDualTextInput";
 export * from "./components/input-types/travel-date-range-input/TravelDateRangeInput";
+export * from "./components/input-types/travel-date-input/TravelDateInput";
+export * from "./components/calendar-types/travel-date-calendar/TravelDateCalendar";
 export * from "./components/calendar-types/travel-date-range-calendar/TravelDateRangeCalendar";
 export * from "./features/travel-calendar/types";
 export * from "./features/localize-date-format/LocalizedDateFormatter";