@cloudscape-design/components 3.0.1007 → 3.0.1008

package/container/use-sticky-header.d.ts

@@ -1,33 +1,28 @@
 import { RefObject } from 'react';
 interface StickyHeaderContextProps {
-  isStuck: boolean;
-  isStuckAtBottom: boolean;
+    isStuck: boolean;
+    isStuckAtBottom: boolean;
 }
 interface ComputeOffsetProps {
-  isMobile: boolean;
-  __stickyOffset?: number;
-  __mobileStickyOffset?: number;
-  hasInnerOverflowParents: boolean;
-  __additionalOffset?: boolean;
+    isMobile: boolean;
+    __stickyOffset?: number;
+    __mobileStickyOffset?: number;
+    hasInnerOverflowParents: boolean;
+    __additionalOffset?: boolean;
 }
-export declare function computeOffset({
-  isMobile,
-  __stickyOffset,
-  __mobileStickyOffset,
-  hasInnerOverflowParents,
-  __additionalOffset
-}: ComputeOffsetProps): string;
+export declare function computeOffset({ isMobile, __stickyOffset, __mobileStickyOffset, hasInnerOverflowParents, __additionalOffset, }: ComputeOffsetProps): string;
 export declare const StickyHeaderContext: import("react").Context<StickyHeaderContextProps>;
 export declare const useStickyHeader: (rootRef: RefObject<HTMLDivElement>, headerRef: RefObject<HTMLDivElement>, __stickyHeader?: boolean, __stickyOffset?: number, __mobileStickyOffset?: number, __disableMobile?: boolean, __additionalOffset?: boolean) => {
-  isSticky: boolean;
-  isStuck: boolean;
-  isStuckAtBottom: boolean;
-  stickyStyles: {
-    style: {
-      top: string;
+    isSticky: boolean;
+    isStuck: boolean;
+    isStuckAtBottom: boolean;
+    stickyStyles: {
+        style: {
+            top: string;
+        };
+    } | {
+        style?: undefined;
     };
-  } | {
-    style?: undefined;
-  };
 };
-export {};
+export {};
+//# sourceMappingURL=use-sticky-header.d.ts.map

package/content-layout/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 import { ContentLayoutProps } from './interfaces';
 export { ContentLayoutProps };
-export default function ContentLayout(props: ContentLayoutProps): JSX.Element;
+export default function ContentLayout(props: ContentLayoutProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/content-layout/interfaces.d.ts

@@ -1,71 +1,72 @@
 /// <reference types="react" />
 import { BaseComponentProps } from '../internal/base-component';
 export interface ContentLayoutProps extends BaseComponentProps {
-  /**
-   * Use this slot to render the main content of the layout below the header.
-   * @displayname content
-   */
-  children?: React.ReactNode;
-  /**
-   * Determines whether the layout has an overlap between the header and content.
-   * If true, the overlap will be removed.
-   * @visualrefresh
-   */
-  disableOverlap?: boolean;
-  /**
-   * Use this slot to render the header content for the layout.
-   */
-  header?: React.ReactNode;
-  /**
-   * Determines the visual treatment for the header. Specifically:
-   * * `default` - Does not apply any visual treatment.
-   * * `high-contrast` - Applies high-contrast to the background of the header and the elements contained within it.
-   *     If you are using the AppLayout component, set `headerVariant="high-contrast"` to apply the same treatment to the breadcrumbs and notifications slots.
-   * * `divider` - Adds a horizontal separator between the header and the content.
-   * @visualrefresh `high-contrast` headerVariant
-   */
-  headerVariant?: 'default' | 'high-contrast' | 'divider';
-  /**
-   * Maximum width for the content.
-   * If set, all elements of the content layout (header, content, notifications, breadcrumbs) will be center-aligned and have the desired maximum width.
-   * If not set, all elements will occupy the full available width.
-   */
-  maxContentWidth?: number;
-  /**
-   * Set it to `true` if your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
-   * In that case, the content layout will become sensitive to the state of drawers in app layout and leave the necessary padding to avoid visual overlap with those elements.
-   */
-  defaultPadding?: boolean;
-  /**
-   * Use this slot to display [notifications](/components/flashbar/) to the content layout:
-   * * If your page does not use the [app layout component](/components/app-layout/), which already offers a `notifications` slot.
-   * * If your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
-   *
-   * Do not use in conjunction with the `notifications` slot in the [app layout component](/components/app-layout/).
-   */
-  notifications?: React.ReactNode;
-  /**
-   * Use this slot to add the [breadcrumb group component](/components/breadcrumb-group/) to the content layout:
-   * * if your application does not use the [app layout component](/components/app-layout/), which already offers a `breadcrumbs` slot.
-   * * If your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
-   *
-   * Do not use in conjunction with the `breadcrumbs` slot in the [app layout component](/components/app-layout/).
-   */
-  breadcrumbs?: React.ReactNode;
-  /**
-   * Use this property to style the background of the header.
-   *
-   * It can be:
-   * * a string representing the CSS `background` value for the header element.
-   * * a function that receives the mode ("light" or "dark") as a parameter and returns a string.
-   *
-   *  The header background spans across the full available width, independent of the specified `maxContentWidth`.
-   *  If set, the component will not add the default background color to the header.
-   */
-  headerBackgroundStyle?: string | ((mode: 'light' | 'dark') => string);
-  /**
-   * Use this slot to add a secondary element inside the header. The secondary element will be displayed next to main header and occupy 25% of the available space.
-   * Note that the secondary header will not have a high-contrast treatement, even if you set `headerVariant` to `high-contrast`.
-   */
-  secondaryHeader?: React.ReactNode;
-}
+    /**
+     * Use this slot to render the main content of the layout below the header.
+     * @displayname content
+     */
+    children?: React.ReactNode;
+    /**
+     * Determines whether the layout has an overlap between the header and content.
+     * If true, the overlap will be removed.
+     * @visualrefresh
+     */
+    disableOverlap?: boolean;
+    /**
+     * Use this slot to render the header content for the layout.
+     */
+    header?: React.ReactNode;
+    /**
+     * Determines the visual treatment for the header. Specifically:
+     * * `default` - Does not apply any visual treatment.
+     * * `high-contrast` - Applies high-contrast to the background of the header and the elements contained within it.
+     *     If you are using the AppLayout component, set `headerVariant="high-contrast"` to apply the same treatment to the breadcrumbs and notifications slots.
+     * * `divider` - Adds a horizontal separator between the header and the content.
+     * @visualrefresh `high-contrast` headerVariant
+     */
+    headerVariant?: 'default' | 'high-contrast' | 'divider';
+    /**
+     * Maximum width for the content.
+     * If set, all elements of the content layout (header, content, notifications, breadcrumbs) will be center-aligned and have the desired maximum width.
+     * If not set, all elements will occupy the full available width.
+     */
+    maxContentWidth?: number;
+    /**
+     * Set it to `true` if your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
+     * In that case, the content layout will become sensitive to the state of drawers in app layout and leave the necessary padding to avoid visual overlap with those elements.
+     */
+    defaultPadding?: boolean;
+    /**
+     * Use this slot to display [notifications](/components/flashbar/) to the content layout:
+     * * If your page does not use the [app layout component](/components/app-layout/), which already offers a `notifications` slot.
+     * * If your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
+     *
+     * Do not use in conjunction with the `notifications` slot in the [app layout component](/components/app-layout/).
+     */
+    notifications?: React.ReactNode;
+    /**
+     * Use this slot to add the [breadcrumb group component](/components/breadcrumb-group/) to the content layout:
+     * * if your application does not use the [app layout component](/components/app-layout/), which already offers a `breadcrumbs` slot.
+     * * If your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
+     *
+     * Do not use in conjunction with the `breadcrumbs` slot in the [app layout component](/components/app-layout/).
+     */
+    breadcrumbs?: React.ReactNode;
+    /**
+     * Use this property to style the background of the header.
+     *
+     * It can be:
+     * * a string representing the CSS `background` value for the header element.
+     * * a function that receives the mode ("light" or "dark") as a parameter and returns a string.
+     *
+     *  The header background spans across the full available width, independent of the specified `maxContentWidth`.
+     *  If set, the component will not add the default background color to the header.
+     */
+    headerBackgroundStyle?: string | ((mode: 'light' | 'dark') => string);
+    /**
+     * Use this slot to add a secondary element inside the header. The secondary element will be displayed next to main header and occupy 25% of the available space.
+     * Note that the secondary header will not have a high-contrast treatement, even if you set `headerVariant` to `high-contrast`.
+     */
+    secondaryHeader?: React.ReactNode;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/content-layout/internal.d.ts

@@ -2,18 +2,6 @@
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { ContentLayoutProps } from './interfaces';
 type InternalContentLayoutProps = ContentLayoutProps & InternalBaseComponentProps;
-export default function InternalContentLayout({
-  children,
-  disableOverlap,
-  header,
-  headerVariant,
-  headerBackgroundStyle,
-  __internalRootRef,
-  maxContentWidth,
-  breadcrumbs,
-  notifications,
-  defaultPadding,
-  secondaryHeader,
-  ...rest
-}: InternalContentLayoutProps): JSX.Element;
-export {};
+export default function InternalContentLayout({ children, disableOverlap, header, headerVariant, headerBackgroundStyle, __internalRootRef, maxContentWidth, breadcrumbs, notifications, defaultPadding, secondaryHeader, ...rest }: InternalContentLayoutProps): JSX.Element;
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/contexts/form-field.d.ts

@@ -1 +1,2 @@
-export { FormFieldValidationControlProps as FormFieldContextValue, useFormFieldContext } from '../internal/context/form-field-context';
+export { FormFieldValidationControlProps as FormFieldContextValue, useFormFieldContext, } from '../internal/context/form-field-context';
+//# sourceMappingURL=form-field.d.ts.map

package/copy-to-clipboard/index.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="react" />
 import { CopyToClipboardProps } from './interfaces';
 export { CopyToClipboardProps };
-export default function CopyToClipboard({
-  variant,
-  popoverRenderWithPortal,
-  ...restProps
-}: CopyToClipboardProps): JSX.Element;
+export default function CopyToClipboard({ variant, popoverRenderWithPortal, ...restProps }: CopyToClipboardProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/copy-to-clipboard/interfaces.d.ts

@@ -1,58 +1,59 @@
 import { BaseComponentProps } from '../internal/base-component';
 export interface CopyToClipboardProps extends BaseComponentProps {
-  /** Determines the general styling of the copy button as follows:
-   *
-   * * `button` to display a standalone secondary button with an icon, and `copyButtonText` as text.
-   * * `icon` to display a standalone icon-only (no text) button.
-   * * `inline` to display an icon-only (no text) button within a text context.
-   *
-   * Defaults to `button`.
-   */
-  variant?: CopyToClipboardProps.Variant;
-  /**
-   * The text of the copy button (for variant="button").
-   */
-  copyButtonText?: string;
-  /**
-   * Adds `aria-label` to the copy button. Use this to provide an accessible name for buttons that don't have visible text,
-   * and to distinguish between multiple buttons with identical visible text. The text will also be added to the `title` attribute of the button.
-   */
-  copyButtonAriaLabel?: string;
-  /**
-   * The text content to be copied. It is displayed next to the copy button when `variant="inline"` unless when `content` is specified, and is not shown otherwise.
-   */
-  textToCopy: string;
-  /**
-   * The text content to display next to the copy button when `variant="inline"`. If not provided, `textToCopy` will be displayed instead.
-   */
-  textToDisplay?: string;
-  /**
-   * The message shown when the text is copied successfully.
-   */
-  copySuccessText: string;
-  /**
-   * The message shown when the text is not copied due to an error, see [https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext](https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext).
-   */
-  copyErrorText: string;
-  /**
-   * By default, the popover is constrained to fit inside its parent
-   * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).
-   * Enabling this property will allow the popover to be rendered in the root stack context using
-   * [React Portals](https://reactjs.org/docs/portals.html).
-   * Enable this setting if you need the popover to ignore its parent stacking context.
-   */
-  popoverRenderWithPortal?: boolean;
-  /**
-   * Renders the copy to clipboard button as disabled and prevents clicks.
-   */
-  disabled?: boolean;
-  /**
-   * Provides a reason why the copy to clipboard button is disabled (only when `disabled` is `true`).
-   * If provided, the copy to clipboard button becomes focusable.
-   * Applicable for all variants except inline.
-   */
-  disabledReason?: string;
+    /** Determines the general styling of the copy button as follows:
+     *
+     * * `button` to display a standalone secondary button with an icon, and `copyButtonText` as text.
+     * * `icon` to display a standalone icon-only (no text) button.
+     * * `inline` to display an icon-only (no text) button within a text context.
+     *
+     * Defaults to `button`.
+     */
+    variant?: CopyToClipboardProps.Variant;
+    /**
+     * The text of the copy button (for variant="button").
+     */
+    copyButtonText?: string;
+    /**
+     * Adds `aria-label` to the copy button. Use this to provide an accessible name for buttons that don't have visible text,
+     * and to distinguish between multiple buttons with identical visible text. The text will also be added to the `title` attribute of the button.
+     */
+    copyButtonAriaLabel?: string;
+    /**
+     * The text content to be copied. It is displayed next to the copy button when `variant="inline"` unless when `content` is specified, and is not shown otherwise.
+     */
+    textToCopy: string;
+    /**
+     * The text content to display next to the copy button when `variant="inline"`. If not provided, `textToCopy` will be displayed instead.
+     */
+    textToDisplay?: string;
+    /**
+     * The message shown when the text is copied successfully.
+     */
+    copySuccessText: string;
+    /**
+     * The message shown when the text is not copied due to an error, see [https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext](https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext).
+     */
+    copyErrorText: string;
+    /**
+     * By default, the popover is constrained to fit inside its parent
+     * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).
+     * Enabling this property will allow the popover to be rendered in the root stack context using
+     * [React Portals](https://reactjs.org/docs/portals.html).
+     * Enable this setting if you need the popover to ignore its parent stacking context.
+     */
+    popoverRenderWithPortal?: boolean;
+    /**
+     * Renders the copy to clipboard button as disabled and prevents clicks.
+     */
+    disabled?: boolean;
+    /**
+     * Provides a reason why the copy to clipboard button is disabled (only when `disabled` is `true`).
+     * If provided, the copy to clipboard button becomes focusable.
+     * Applicable for all variants except inline.
+     */
+    disabledReason?: string;
 }
 export declare namespace CopyToClipboardProps {
-  type Variant = 'button' | 'icon' | 'inline';
-}
+    type Variant = 'button' | 'icon' | 'inline';
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/copy-to-clipboard/internal.d.ts

@@ -1,19 +1,8 @@
 /// <reference types="react" />
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { CopyToClipboardProps } from './interfaces';
-interface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {}
-export default function InternalCopyToClipboard({
-  variant,
-  copyButtonAriaLabel,
-  copyButtonText,
-  copySuccessText,
-  copyErrorText,
-  textToCopy,
-  textToDisplay,
-  popoverRenderWithPortal,
-  disabled,
-  disabledReason,
-  __internalRootRef,
-  ...restProps
-}: InternalCopyToClipboardProps): JSX.Element;
-export {};
+interface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {
+}
+export default function InternalCopyToClipboard({ variant, copyButtonAriaLabel, copyButtonText, copySuccessText, copyErrorText, textToCopy, textToDisplay, popoverRenderWithPortal, disabled, disabledReason, __internalRootRef, ...restProps }: InternalCopyToClipboardProps): JSX.Element;
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/date-input/index.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 import { DateInputProps } from './interfaces';
 export { DateInputProps };
 declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
-export default DateInput;
+export default DateInput;
+//# sourceMappingURL=index.d.ts.map

package/date-input/interfaces.d.ts

@@ -2,11 +2,12 @@ import { BaseInputProps, InputProps } from '../input/interfaces';
 import { BaseComponentProps } from '../internal/base-component';
 import { FormFieldValidationControlProps } from '../internal/context/form-field-context';
 export interface DateInputProps extends BaseInputProps, FormFieldValidationControlProps, BaseComponentProps {
-  /**
-   * The current input value, in YYYY-MM-DD format.
-   */
-  value: string;
+    /**
+     * The current input value, in YYYY-MM-DD format.
+     */
+    value: string;
 }
 export declare namespace DateInputProps {
-  type Ref = InputProps.Ref;
-}
+    type Ref = InputProps.Ref;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/date-input/internal.d.ts

@@ -3,6 +3,7 @@ import { CalendarProps } from '../calendar/interfaces';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { DateInputProps } from './interfaces';
 declare const InternalDateInput: React.ForwardRefExoticComponent<DateInputProps & InternalBaseComponentProps<any> & {
-  granularity?: CalendarProps.Granularity | undefined;
+    granularity?: CalendarProps.Granularity | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export default InternalDateInput;
+export default InternalDateInput;
+//# sourceMappingURL=internal.d.ts.map

package/date-input/utils.d.ts

@@ -1,9 +1,7 @@
 import { CalendarProps } from '../calendar/interfaces';
 import { MaskArgs } from '../internal/components/masked-input/utils/mask-format';
 export interface GenerateMaskArgsProps extends Pick<CalendarProps, 'granularity'> {
-  isIso?: boolean;
+    isIso?: boolean;
 }
-export declare const generateMaskArgs: ({
-  granularity,
-  isIso
-}?: GenerateMaskArgsProps) => MaskArgs;
+export declare const generateMaskArgs: ({ granularity, isIso, }?: GenerateMaskArgsProps) => MaskArgs;
+//# sourceMappingURL=utils.d.ts.map

package/date-picker/index.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 import { DatePickerProps } from './interfaces';
 export { DatePickerProps };
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerProps.Ref>>;
-export default DatePicker;
+export default DatePicker;
+//# sourceMappingURL=index.d.ts.map

package/date-picker/interfaces.d.ts

@@ -4,86 +4,87 @@ import { ExpandToViewport } from '../internal/components/dropdown/interfaces';
 import { FormFieldValidationControlProps } from '../internal/context/form-field-context';
 import { NonCancelableEventHandler } from '../internal/events';
 export interface DatePickerProps extends BaseComponentProps, FormFieldValidationControlProps, ExpandToViewport, CalendarProps {
-  /**
-   * Specifies the placeholder text rendered when the value is an empty string.
-   */
-  placeholder?: string;
-  /**
-   * Specifies a function that generates the `aria-label` for the 'open calendar' button. The `selectedDate` parameter is
-   * a human-readable localised string representing the current value of the input.
-   * (for example, ``selectedDate => 'Choose Date' + (selectedDate ? `, selected date is ${selectedDate}` : '')``)
-   */
-  openCalendarAriaLabel?: DatePickerProps.OpenCalendarAriaLabel;
-  /**
-   * Specifies the name of the control used in HTML forms.
-   */
-  name?: string;
-  /**
-   * Specifies if the control is disabled, which prevents the
-   * user from modifying the value and prevents the value from
-   * being included in a form submission. A disabled control can't
-   * receive focus.
-   */
-  disabled?: boolean;
-  /**
-   * Specifies if the control is read-only, which prevents the
-   * user from modifying the value but includes it in a form
-   * submission. A read-only control can receive focus.
-   *
-   * Do not use read-only inputs outside of a form.
-   */
-  readOnly?: boolean;
-  /**
-   * Indicates whether the control should be focused as
-   * soon as the page loads, which enables the user to
-   * start typing without having to manually focus the control. Don't
-   * use this option on pages where the control may be
-   * scrolled out of the viewport.
-   */
-  autoFocus?: boolean;
-  /**
-   * Adds an `aria-label` to the native control.
-   *
-   * Use this if you don't have a visible label for this control.
-   */
-  ariaLabel?: string;
-  /**
-   * Specifies whether to add `aria-required` to the native control.
-   */
-  ariaRequired?: boolean;
-  /**
-   * Called when input focus is moved to the UI control.
-   */
-  onFocus?: NonCancelableEventHandler<null>;
-  /**
-   * Called when input focus is removed from the UI control.
-   */
-  onBlur?: NonCancelableEventHandler<null>;
-  /**
-   * An object containing all the necessary localized strings required by
-   * the component.
-   * @i18n
-   */
-  i18nStrings?: DatePickerProps.I18nStrings;
-}
-export declare namespace DatePickerProps {
-  interface ChangeDetail {
     /**
-     * The new value of this date-picker.
+     * Specifies the placeholder text rendered when the value is an empty string.
+     */
+    placeholder?: string;
+    /**
+     * Specifies a function that generates the `aria-label` for the 'open calendar' button. The `selectedDate` parameter is
+     * a human-readable localised string representing the current value of the input.
+     * (for example, ``selectedDate => 'Choose Date' + (selectedDate ? `, selected date is ${selectedDate}` : '')``)
+     */
+    openCalendarAriaLabel?: DatePickerProps.OpenCalendarAriaLabel;
+    /**
+     * Specifies the name of the control used in HTML forms.
+     */
+    name?: string;
+    /**
+     * Specifies if the control is disabled, which prevents the
+     * user from modifying the value and prevents the value from
+     * being included in a form submission. A disabled control can't
+     * receive focus.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies if the control is read-only, which prevents the
+     * user from modifying the value but includes it in a form
+     * submission. A read-only control can receive focus.
+     *
+     * Do not use read-only inputs outside of a form.
+     */
+    readOnly?: boolean;
+    /**
+     * Indicates whether the control should be focused as
+     * soon as the page loads, which enables the user to
+     * start typing without having to manually focus the control. Don't
+     * use this option on pages where the control may be
+     * scrolled out of the viewport.
      */
-    value: string;
-  }
-  interface IsDateEnabledFunction {
-    (date: Date): boolean;
-  }
-  interface OpenCalendarAriaLabel {
-    (selectedDate: string | null): string;
-  }
-  interface Ref {
+    autoFocus?: boolean;
     /**
-     * Sets the browser focus on the UI control
+     * Adds an `aria-label` to the native control.
+     *
+     * Use this if you don't have a visible label for this control.
      */
-    focus(): void;
-  }
-  type I18nStrings = CalendarProps.I18nStrings;
-}
+    ariaLabel?: string;
+    /**
+     * Specifies whether to add `aria-required` to the native control.
+     */
+    ariaRequired?: boolean;
+    /**
+     * Called when input focus is moved to the UI control.
+     */
+    onFocus?: NonCancelableEventHandler<null>;
+    /**
+     * Called when input focus is removed from the UI control.
+     */
+    onBlur?: NonCancelableEventHandler<null>;
+    /**
+     * An object containing all the necessary localized strings required by
+     * the component.
+     * @i18n
+     */
+    i18nStrings?: DatePickerProps.I18nStrings;
+}
+export declare namespace DatePickerProps {
+    interface ChangeDetail {
+        /**
+         * The new value of this date-picker.
+         */
+        value: string;
+    }
+    interface IsDateEnabledFunction {
+        (date: Date): boolean;
+    }
+    interface OpenCalendarAriaLabel {
+        (selectedDate: string | null): string;
+    }
+    interface Ref {
+        /**
+         * Sets the browser focus on the UI control
+         */
+        focus(): void;
+    }
+    type I18nStrings = CalendarProps.I18nStrings;
+}
+//# sourceMappingURL=interfaces.d.ts.map