@stenajs-webui/calendar 21.12.0 → 21.13.0

package/dist/components/input-types/date-input/DateInput.d.ts

@@ -25,8 +25,10 @@ export interface DateInputProps<T = unknown> extends OptionalMinMaxDatesAsString
      */
     placeholder?: string;
     /**
-     *  Portal target, HTML element. If not set, portal is not used.
+     *  Portal target, HTML element. If not set, window.body is used.
      */
+    portalTarget?: HTMLElement;
+    zIndex?: number;
     width?: string;
     /**
      * The calendar theme to use.

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

@@ -35,8 +35,13 @@ export interface DateRangeInputProps<T> extends OptionalMinMaxDatesAsString, Val
      * Disables the Popover and both TextInputs.
      */
     disabled?: boolean;
+    /**
+     *  Portal target, HTML element. If not set, window.body is used.
+     */
+    portalTarget?: HTMLElement;
+    zIndex?: number;
 }
 /**
  * @deprecated Please use DateRangeDualTextInput instead.
  */
-export declare function DateRangeInput<T>({ displayFormat, placeholderStartDate, placeholderEndDate, value, onValueChange, width, calendarTheme, calendarProps, minDate, maxDate, disabled, }: DateRangeInputProps<T>): React.ReactElement<DateRangeInputProps<T>>;
+export declare function DateRangeInput<T>({ displayFormat, placeholderStartDate, placeholderEndDate, value, onValueChange, width, calendarTheme, calendarProps, minDate, maxDate, disabled, portalTarget, zIndex, }: DateRangeInputProps<T>): React.ReactElement<DateRangeInputProps<T>>;

package/dist/components/input-types/date-text-input/DateTextInput.d.ts

@@ -20,5 +20,10 @@ export interface DateTextInputProps<T> extends Omit<TextInputProps, "onChange" |
     placeholder?: string;
     /** The date text input theme to use. */
     calendarTheme?: CalendarTheme;
+    /**
+     *  Portal target for the popover, HTML element. If not set, window.body is used.
+     */
+    portalTarget?: HTMLElement;
+    zIndex?: number;
 }
 export declare const DateTextInput: React.FC<DateTextInputProps<unknown>>;

package/dist/features/localize-date-format/LocaleMapper.d.ts

@@ -1,3 +1,9 @@
 import { Locale } from "date-fns";
 export declare const getLocaleForLocaleCode: (localeCode: string) => Locale | undefined;
 export declare const getDefaultLocaleForFormatting: () => Locale;
+/**
+ * This is only used by old calendar components, to pass localeCode to updated components.
+ * All updated calendar components just take localeCode, for example "en-GB", since that is what the browser provides,
+ * and is not library dependent.
+ */
+export declare const getLocaleCodeForLocale: (locale: Locale) => string | undefined;

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

@@ -1,9 +1,8 @@
 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;
+    localeCode: string;
     firstMonth: Date;
     numMonths: number;
     onCancel?: () => void;

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

@@ -1,12 +1,11 @@
 import * as React from "react";
-import { Locale } from "date-fns";
 import { Position } from "./Position";
 import { MonthPickerSizeVariant } from "./MonthPicker";
 interface MonthPickerCellProps {
     month: Date;
     onClick: () => void;
     selected: boolean;
-    locale: Locale;
+    localeCode: string;
     autoFocus: boolean;
     monthPickerId: string;
     firstAvailableMonth: Date;