@stenajs-webui/calendar 21.6.0 → 21.7.0

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

@@ -2,6 +2,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 { DateTextInputVariant } from "../../../features/travel-calendar/types";
 export interface TravelDateCalendarProps extends ValueAndOnValueChangeProps<string> {
     localeCode?: string;
     initialMonthInFocus?: Date;
@@ -17,5 +18,6 @@ export interface TravelDateCalendarProps extends ValueAndOnValueChangeProps<stri
     previousMonthButtonTestId?: string;
     nextMonthButtonTestId?: string;
     placeholderWhenBlurred?: string;
+    textInputVariant?: DateTextInputVariant;
 }
 export declare const TravelDateCalendar: React.FC<TravelDateCalendarProps>;

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

@@ -2,7 +2,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";
+import { DateTextInputVariant, TravelDateRangeInputValue } from "../../../features/travel-calendar/types";
 export interface TravelDateRangeCalendarProps extends ValueAndOnValueChangeProps<TravelDateRangeInputValue> {
     localeCode?: string;
     initialMonthInFocus?: Date;
@@ -20,5 +20,6 @@ export interface TravelDateRangeCalendarProps extends ValueAndOnValueChangeProps
     nextMonthButtonTestId?: string;
     placeholderWhenBlurredStartDate?: string;
     placeholderWhenBlurredEndDate?: string;
+    textInputVariant?: DateTextInputVariant;
 }
 export declare const TravelDateRangeCalendar: React.FC<TravelDateRangeCalendarProps>;

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

@@ -3,6 +3,7 @@ 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 { DateTextInputVariant } from "../../../features/travel-calendar/types";
 export interface RenderBelowSingleDateCalendarArgs {
     hideCalendar: () => void;
 }
@@ -25,5 +26,6 @@ export interface TravelDateInputProps extends ValueAndOnValueChangeProps<string>
     previousMonthButtonTestId?: string;
     nextMonthButtonTestId?: string;
     placeholderWhenBlurred?: string;
+    textInputVariant?: DateTextInputVariant;
 }
 export declare const TravelDateInput: React.FC<TravelDateInputProps>;

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

@@ -3,7 +3,7 @@ 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";
+import { DateTextInputVariant, TravelDateRangeInputValue } from "../../../features/travel-calendar/types";
 export interface RenderBelowCalendarArgs {
     hideCalendar: () => void;
 }
@@ -28,5 +28,6 @@ export interface TravelDateRangeInputProps extends ValueAndOnValueChangeProps<Tr
     nextMonthButtonTestId?: string;
     placeholderWhenBlurredStartDate?: string;
     placeholderWhenBlurredEndDate?: string;
+    textInputVariant?: DateTextInputVariant;
 }
 export declare const TravelDateRangeInput: React.FC<TravelDateRangeInputProps>;

package/dist/features/travel-calendar/components/{TravelDateTextInputFields.d.ts → TravelDateRangeTextInputFields.d.ts}

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { TravelDateRangeInputValue } from "../types";
+import { DateTextInputVariant, TravelDateRangeInputValue } from "../types";
 import { TravelCalendarSizeVariant } from "./TravelCalendar";
-export interface TravelDateTextInputFieldsProps {
+export interface TravelDateRangeTextInputFieldsProps {
     value: TravelDateRangeInputValue | undefined;
     onValueChange: ((value: Partial<TravelDateRangeInputValue>) => void) | undefined;
     localeCode: string;
@@ -13,5 +13,6 @@ export interface TravelDateTextInputFieldsProps {
     placeholderWhenBlurredEndDate: string | undefined;
     valueWhenBlurredStartDate: string | undefined;
     valueWhenBlurredEndDate: string | undefined;
+    variant: DateTextInputVariant;
 }
-export declare const TravelDateTextInputFields: React.FC<TravelDateTextInputFieldsProps>;
+export declare const TravelDateRangeTextInputFields: React.FC<TravelDateRangeTextInputFieldsProps>;

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

@@ -2,7 +2,8 @@ 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 {
+import { DateTextInputVariant } from "../types";
+export interface TravelDateTextInputProps extends Pick<LabelledTextInputProps, "onChange" | "onValueChange" | "value" | "onFocus" | "onBlur" | "placeholder" | "label" | "borderRadiusVariant"> {
     mask: InputMask | InputMaskProvider;
     pipe?: InputMaskPipe;
     guide?: boolean;
@@ -12,5 +13,6 @@ export interface TravelDateTextInputProps extends LabelledTextInputProps {
     calendarSize: TravelCalendarSizeVariant;
     placeholderWhenBlurred: string | undefined;
     valueWhenBlurred: string | undefined;
+    variant: DateTextInputVariant;
 }
 export declare const TravelDateTextInput: React.FC<TravelDateTextInputProps>;

package/dist/features/travel-calendar/components/{TravelDateSingleTextInputField.d.ts → TravelDateTextInputField.d.ts}

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { TravelCalendarSizeVariant } from "./TravelCalendar";
-export interface TravelDateSingleTextInputFieldProps {
+import { DateTextInputVariant } from "../types";
+export interface TravelDateTextInputFieldProps {
     value: string | undefined;
     onValueChange: ((value: string) => void) | undefined;
     localeCode: string;
@@ -9,5 +10,6 @@ export interface TravelDateSingleTextInputFieldProps {
     calendarSize: TravelCalendarSizeVariant;
     placeholderWhenBlurred: string | undefined;
     valueWhenBlurred: string | undefined;
+    variant: DateTextInputVariant;
 }
-export declare const TravelDateSingleTextInputField: React.FC<TravelDateSingleTextInputFieldProps>;
+export declare const TravelDateTextInputField: React.FC<TravelDateTextInputFieldProps>;

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

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