@stenajs-webui/calendar 23.21.7 → 23.21.9

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

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+import { TravelCalendarSizeVariant } from "../../../features/travel-calendar/components/TravelCalendar";
+import { SupportedLocaleCode } from "../../../features/localize-date-format/LocaleMapper";
+export interface TravelDateCalendarPanelProps extends ValueAndOnValueChangeProps<string> {
+    localeCode?: SupportedLocaleCode;
+    languageLocaleCode?: SupportedLocaleCode;
+    initialMonthInFocus?: Date;
+    previousMonthButtonAriaLabel?: string;
+    nextMonthButtonAriaLabel?: string;
+    firstMonthInMonthPicker?: Date;
+    numMonthsInMonthPicker?: number;
+    isDateDisabled?: (date: Date) => boolean;
+    prevMonthDisabled?: (visibleMonth: Date) => boolean;
+    nextMonthDisabled?: (visibleMonth: Date) => boolean;
+    size?: TravelCalendarSizeVariant;
+    dateTestId?: (date: Date) => string | undefined;
+    previousMonthButtonTestId?: string;
+    nextMonthButtonTestId?: string;
+    /**
+     * Accessible name of the calendar grid.
+     *
+     * The panel has no label of its own, so set this to whatever the date is
+     * for, unless there is a visible label next to it that already says so.
+     */
+    calendarAriaLabel?: string;
+}
+/**
+ * A calendar for picking a single travel date, without a text input.
+ *
+ * This is TravelDateCalendar without the label, text input and heading, for
+ * cases where the date is entered somewhere else. The visible month follows
+ * the value, so a date set from the outside is scrolled into view.
+ */
+export declare const TravelDateCalendarPanel: React.FC<TravelDateCalendarPanelProps>;

package/dist/components/calendar-types/travel-date-calendar-panel/__tests__/TravelDateCalendarPanel.test.d.ts

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

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

@@ -29,5 +29,10 @@ export interface TravelCalendarProps {
      * If "left", only hovering on earlier dates will create a highlight. If undefined, no range will be highlighted.
      */
     hoverHighlightDirection: "left" | "right" | undefined;
+    /**
+     * Accessible name of the calendar grid. Set this when there is no visible
+     * label next to the calendar, such as a text input or a heading.
+     */
+    ariaLabel?: string;
 }
 export declare const TravelCalendar: React.FC<TravelCalendarProps>;

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

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { SupportedLocaleCode } from "../../localize-date-format/LocaleMapper";
+import { useTravelDateInput } from "../hooks/UseTravelDateInput";
+import { TravelCalendarSizeVariant } from "./TravelCalendar";
+export interface TravelDateCalendarBodyProps {
+    /** The calendar state, from useTravelDateInput. */
+    inputProps: ReturnType<typeof useTravelDateInput>;
+    languageLocaleCode: SupportedLocaleCode;
+    previousMonthButtonAriaLabel: string;
+    nextMonthButtonAriaLabel: string;
+    firstMonthInMonthPicker: Date;
+    numMonthsInMonthPicker: number;
+    isDateDisabled?: (date: Date) => boolean;
+    prevMonthDisabled?: (visibleMonth: Date) => boolean;
+    nextMonthDisabled?: (visibleMonth: Date) => boolean;
+    size: TravelCalendarSizeVariant;
+    dateTestId?: (date: Date) => string | undefined;
+    previousMonthButtonTestId?: string;
+    nextMonthButtonTestId?: string;
+    calendarAriaLabel?: string;
+}
+/**
+ * The month header, and either the calendar or the month picker.
+ *
+ * TravelDateCalendar and TravelDateCalendarPanel differ only in what they
+ * render above this, so this is where the shared wiring lives. It returns a
+ * fragment, which means the parts stay items of the parent layout.
+ */
+export declare const TravelDateCalendarBody: React.FC<TravelDateCalendarBodyProps>;

package/dist/index.d.ts

@@ -31,6 +31,8 @@ export * from "./components/input-types/date-range-dual-text-input/DateRangeDual
 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-calendar-panel/TravelDateCalendarPanel";
+export type { TravelCalendarSizeVariant } from "./features/travel-calendar/components/TravelCalendar";
 export * from "./components/calendar-types/travel-date-range-calendar/TravelDateRangeCalendar";
 export * from "./features/travel-calendar/hooks/DisabledDateHooks";
 export * from "./features/travel-calendar/types";