@stenajs-webui/calendar 20.13.0 → 20.14.0

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

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { HeadingVariant } from "@stenajs-webui/core";
 import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+import { TravelCalendarSizeVariant } from "../../../features/travel-calendar/components/TravelCalendar";
 export interface TravelDateCalendarProps extends ValueAndOnValueChangeProps<string> {
     localeCode?: string;
     initialMonthInFocus?: Date;
@@ -11,5 +12,6 @@ export interface TravelDateCalendarProps extends ValueAndOnValueChangeProps<stri
     headingLevel?: HeadingVariant;
     firstMonthInMonthPicker?: Date;
     numMonthsInMonthPicker?: number;
+    size?: TravelCalendarSizeVariant;
 }
 export declare const TravelDateCalendar: React.FC<TravelDateCalendarProps>;

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

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { HeadingVariant } from "@stenajs-webui/core";
 import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+import { TravelCalendarSizeVariant } from "../../../features/travel-calendar/components/TravelCalendar";
 import { TravelDateRangeInputValue } from "../../../features/travel-calendar/types";
 export interface TravelDateRangeCalendarProps extends ValueAndOnValueChangeProps<TravelDateRangeInputValue> {
     localeCode?: string;
@@ -13,5 +14,6 @@ export interface TravelDateRangeCalendarProps extends ValueAndOnValueChangeProps
     headingLevel?: HeadingVariant;
     firstMonthInMonthPicker?: Date;
     numMonthsInMonthPicker?: number;
+    size?: TravelCalendarSizeVariant;
 }
 export declare const TravelDateRangeCalendar: React.FC<TravelDateRangeCalendarProps>;

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

@@ -2,6 +2,7 @@ import * as React from "react";
 import { ReactNode } from "react";
 import { HeadingVariant } from "@stenajs-webui/core";
 import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+import { TravelCalendarSizeVariant } from "../../../features/travel-calendar/components/TravelCalendar";
 export interface RenderBelowSingleDateCalendarArgs {
     hideCalendar: () => void;
 }
@@ -19,5 +20,6 @@ export interface TravelDateInputProps extends ValueAndOnValueChangeProps<string>
     zIndexWhenClosed?: number;
     onHideCalendar?: () => void;
     renderBelowCalendar?: (args: RenderBelowSingleDateCalendarArgs) => ReactNode;
+    size?: TravelCalendarSizeVariant;
 }
 export declare const TravelDateInput: React.FC<TravelDateInputProps>;

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

@@ -2,6 +2,7 @@ import * as React from "react";
 import { ReactNode } from "react";
 import { HeadingVariant } from "@stenajs-webui/core";
 import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+import { TravelCalendarSizeVariant } from "../../../features/travel-calendar/components/TravelCalendar";
 import { TravelDateRangeInputValue } from "../../../features/travel-calendar/types";
 export interface RenderBelowCalendarArgs {
     hideCalendar: () => void;
@@ -21,5 +22,6 @@ export interface TravelDateRangeInputProps extends ValueAndOnValueChangeProps<Tr
     zIndexWhenClosed?: number;
     onHideCalendar?: () => void;
     renderBelowCalendar?: (args: RenderBelowCalendarArgs) => ReactNode;
+    size?: TravelCalendarSizeVariant;
 }
 export declare const TravelDateRangeInput: React.FC<TravelDateRangeInputProps>;

package/dist/features/month-picker/MonthPicker.d.ts

@@ -1,10 +1,12 @@
 import * as React from "react";
 import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
 import { Locale } from "date-fns";
+export type MonthPickerSizeVariant = "small" | "medium" | "large";
 export interface MonthPickerProps extends ValueAndOnValueChangeProps<Date> {
     locale?: Locale;
     firstMonth: Date;
     numMonths: number;
     onCancel?: () => void;
+    size?: MonthPickerSizeVariant;
 }
 export declare const MonthPicker: React.FC<MonthPickerProps>;

package/dist/features/month-picker/MonthPickerCell.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { Locale } from "date-fns";
 import { Position } from "./Position";
+import { MonthPickerSizeVariant } from "./MonthPicker";
 interface MonthPickerCellProps {
     month: Date;
     onClick: () => void;
@@ -11,6 +12,7 @@ interface MonthPickerCellProps {
     firstAvailableMonth: Date;
     lastAvailableMonth: Date;
     position: Position;
+    size: MonthPickerSizeVariant;
 }
 export declare const MonthPickerCell: React.FC<MonthPickerCellProps>;
 export {};

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

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { Ref } from "react";
 import { VisiblePanel } from "../types";
+import { TravelCalendarSizeVariant } from "./TravelCalendar";
 export interface MonthHeaderProps {
     monthPickerButtonLabel: string;
     nextMonthButtonAriaLabel: string;
@@ -11,5 +12,6 @@ export interface MonthHeaderProps {
     visibleMonth: Date;
     setVisibleMonth: (date: Date) => void;
     prevMonthDisabled: boolean;
+    calendarSize: TravelCalendarSizeVariant;
 }
 export declare const MonthHeader: React.FC<MonthHeaderProps>;

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

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { MonthData } from "../../../util/calendar/CalendarDataFactory";
 import { Dispatch, SetStateAction } from "react";
+export type TravelCalendarSizeVariant = "small" | "medium" | "large";
 export interface TravelCalendarProps {
     visibleMonthData: MonthData;
     onClickDate: (date: Date) => void;
@@ -15,5 +16,6 @@ export interface TravelCalendarProps {
     isDateDisabled: (date: Date) => boolean;
     calendarId: string;
     todayIsInVisibleMonth: boolean;
+    size?: TravelCalendarSizeVariant;
 }
 export declare const TravelCalendar: React.FC<TravelCalendarProps>;

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

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { DayData } from "../../../util/calendar/CalendarDataFactory";
+import { TravelCalendarSizeVariant } from "./TravelCalendar";
 export interface TravelDateCellProps {
     onClick: (date: Date) => void;
     day: DayData;
@@ -15,5 +16,6 @@ export interface TravelDateCellProps {
     todayIsInVisibleMonth: boolean;
     calendarId: string;
     isDateDisabled: (date: Date) => boolean;
+    size: TravelCalendarSizeVariant;
 }
 export declare const TravelDateCell: React.FC<TravelDateCellProps>;

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { TravelCalendarSizeVariant } from "./TravelCalendar";
+export interface TravelDateCellBackgroundProps {
+    calendarSize: TravelCalendarSizeVariant;
+    bgColorLeft: string;
+    bgColorRight: string;
+}
+export declare const TravelDateCellBackground: React.FC<TravelDateCellBackgroundProps>;

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

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

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

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { LabelledTextInputProps } from "@stenajs-webui/forms";
 import { InputMask, InputMaskPipe, InputMaskProvider } from "@stenajs-webui/input-mask";
+import { TravelCalendarSizeVariant } from "./TravelCalendar";
 export interface TravelDateTextInputProps extends LabelledTextInputProps {
     mask: InputMask | InputMaskProvider;
     pipe?: InputMaskPipe;
@@ -8,5 +9,6 @@ export interface TravelDateTextInputProps extends LabelledTextInputProps {
     keepCharPositions?: boolean;
     placeholderChar?: string;
     showMask?: boolean;
+    calendarSize: TravelCalendarSizeVariant;
 }
 export declare const TravelDateTextInput: React.FC<TravelDateTextInputProps>;

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

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { TravelDateRangeInputValue } from "../types";
+import { TravelCalendarSizeVariant } from "./TravelCalendar";
 export interface TravelDateTextInputFieldsProps {
     value: TravelDateRangeInputValue | undefined;
     onValueChange: ((value: Partial<TravelDateRangeInputValue>) => void) | undefined;
@@ -7,5 +8,6 @@ export interface TravelDateTextInputFieldsProps {
     startDateLabel?: string;
     endDateLabel?: string;
     onFocus?: () => void;
+    calendarSize: TravelCalendarSizeVariant;
 }
 export declare const TravelDateTextInputFields: React.FC<TravelDateTextInputFieldsProps>;