@atlaskit/datetime-picker 12.3.0 → 12.3.2

package/report.api.md

@@ -2,6 +2,12 @@
 
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 
+<!--
+	Generated API Report version: 2.0
+-->
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
 ```ts
 import { ComponentType } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
@@ -15,9 +21,11 @@ import { SelectProps as SelectProps_2 } from '@atlaskit/select';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { WithContextProps } from '@atlaskit/analytics-next';
 
-export declare type Appearance = 'default' | 'subtle';
+// @public (undocumented)
+export type Appearance = 'default' | 'subtle' | 'none';
 
-export declare const DatePicker: ForwardRefExoticComponent<
+// @public (undocumented)
+export const DatePicker: ForwardRefExoticComponent<
   Pick<
     Pick<
       Omit<DatePickerProps_2, keyof WithAnalyticsEventsProps>,
@@ -123,7 +131,8 @@ export declare const DatePicker: ForwardRefExoticComponent<
     RefAttributes<any>
 >;
 
-declare const datePickerDefaultProps: {
+// @public (undocumented)
+const datePickerDefaultProps: {
   appearance: Appearance;
   autoFocus: boolean;
   defaultIsOpen: boolean;
@@ -145,116 +154,50 @@ declare const datePickerDefaultProps: {
   locale: string;
 };
 
-export declare interface DatePickerProps extends WithAnalyticsEventsProps {
-  /**
-     Set the appearance of the picker.
-
-     `subtle` will remove the borders, background, and icon.
-
-     **NOTE:** Appearance values will be ignored if styles are parsed through `selectProps`.
-     */
+// @public (undocumented)
+export interface DatePickerProps extends WithAnalyticsEventsProps {
   appearance?: Appearance;
-  /** Set the picker to autofocus on mount. */
   autoFocus?: boolean;
-  /** The default for `isOpen`. Will be `false` if not provided. */
+  dateFormat?: string;
   defaultIsOpen?: boolean;
-  /** The default for `value`. */
   defaultValue?: string;
-  /** An array of ISO dates that should be disabled on the calendar. This does not affect what users can type into the picker. */
   disabled?: string[];
-  /**
-     A filter function for disabling dates on the calendar. This does not affect what users can type into the picker.
-
-     The function is called with a date string in the format `YYYY-MM-DD` and should return `true` if the date should be disabled.
-     */
   disabledDateFilter?: (date: string) => boolean;
-  /** The latest enabled date. Dates after this are disabled on the calendar. This does not affect what users can type into the picker. */
-  maxDate?: string;
-  /** The earliest enabled date. Dates before this are disabled on the calendar. This does not affect what users can type into the picker. */
-  minDate?: string;
-  /** The icon shown in the picker. */
+  formatDisplayLabel?: (value: string, dateFormat: string) => string;
+  hideIcon?: boolean;
   icon?: IndicatorComponentType<OptionType>;
-  /**
-     The id of the field. Currently, react-select transforms this to have a `react-select-` prefix, and an `--input` suffix when applied to the input. For example, the id `my-input` would be transformed to `react-select-my-input--input`.
-
-     Keep this in mind when needing to refer to the ID. This will be fixed in an upcoming release.
-     */
   id?: string;
-  /** Props to apply to the container. **/
   innerProps?: React.AllHTMLAttributes<HTMLElement>;
-  /** Set if the picker is disabled. */
   isDisabled?: boolean;
-  /** Set if the picker is open. */
+  isInvalid?: boolean;
   isOpen?: boolean;
-  /** The name of the field. */
+  locale?: string;
+  maxDate?: string;
+  minDate?: string;
   name?: string;
-  /** The aria-label attribute associated with the next-month arrow. */
   nextMonthLabel?: string;
-  /** Called when the field is blurred. */
   onBlur?: React.FocusEventHandler<HTMLInputElement>;
-  /** Called when the value changes. The only argument is an ISO time or empty string. */
   onChange?: (value: string) => void;
-  /** Called when the field is focused. */
   onFocus?: React.FocusEventHandler<HTMLInputElement>;
-  /** A function for parsing input characters and transforming them into a Date object. By default parses the date string based off the locale. */
   parseInputValue?: (date: string, dateFormat: string) => Date;
-  /** A function for formatting the date displayed in the input. By default composes together [date-fn's parse method](https://date-fns.org/v1.29.0/docs/parse) and [date-fn's format method](https://date-fns.org/v1.29.0/docs/format) to return a correctly formatted date string. */
-  formatDisplayLabel?: (value: string, dateFormat: string) => string;
-  /** The aria-label attribute associated with the previous-month arrow. */
+  placeholder?: string;
   previousMonthLabel?: string;
-  /** Props to apply to the select. This can be used to set options such as placeholder text.
-   *  See [the `Select` documentation for further information](/components/select). */
   selectProps?: SelectProps;
-  /**
-     The spacing for the select control.
-
-     Compact is `gridSize() * 4`, default is `gridSize * 5`.
-     */
   spacing?: Spacing;
-  /** The ISO time used as the input value. */
-  value?: string;
-  /** Set if the picker has an invalid value. */
-  isInvalid?: boolean;
-  /** Hides icon for dropdown indicator. */
-  hideIcon?: boolean;
-  /** Format the date with a string that is accepted by [date-fn's format function](https://date-fns.org/v1.29.0/docs/format). */
-  dateFormat?: string;
-  /** Placeholder text displayed in input */
-  placeholder?: string;
-  /** Locale used to format the date and calendar. See [DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat). */
-  locale?: string;
-  /**
-   * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
-   *  - `{testId}--container` wrapping element of date-picker
-   *  - `{testId}--calendar--container` nested calendar component
-   **/
   testId?: string;
-  /**
-   * Start day of the week for the calendar.
-   * - `0` sunday (default value)
-   * - `1` monday
-   * - `2` tuesday
-   * - `3` wednesday
-   * - `4` thursday
-   * - `5` friday
-   * - `6` saturday
-   */
+  value?: string;
   weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
 
-declare type DatePickerProps_2 = typeof datePickerDefaultProps &
-  DatePickerProps;
+// @public (undocumented)
+type DatePickerProps_2 = typeof datePickerDefaultProps & DatePickerProps;
 
-export declare const DateTimePicker: React_2.ForwardRefExoticComponent<
+// @public (undocumented)
+export const DateTimePicker: React_2.ForwardRefExoticComponent<
   Pick<
     Pick<
       Omit<DateTimePickerProps_2, keyof WithAnalyticsEventsProps>,
-      | 'testId'
-      | 'hideIcon'
-      | 'value'
-      | 'dateFormat'
-      | 'timeFormat'
-      | 'parseValue'
+      'testId' | 'value' | 'dateFormat' | 'timeFormat' | 'parseValue'
     > &
       Partial<
         Pick<
@@ -313,7 +256,6 @@ export declare const DateTimePicker: React_2.ForwardRefExoticComponent<
     | 'innerProps'
     | 'autoFocus'
     | 'defaultValue'
-    | 'hideIcon'
     | 'id'
     | 'isDisabled'
     | 'isInvalid'
@@ -339,7 +281,8 @@ export declare const DateTimePicker: React_2.ForwardRefExoticComponent<
     React_2.RefAttributes<any>
 >;
 
-declare const dateTimePickerDefaultProps: {
+// @public (undocumented)
+const dateTimePickerDefaultProps: {
   appearance: string;
   autoFocus: boolean;
   isDisabled: boolean;
@@ -361,49 +304,23 @@ declare const dateTimePickerDefaultProps: {
   locale: string;
 };
 
-export declare interface DateTimePickerProps extends WithAnalyticsEventsProps {
-  /**
-   * Set the appearance of the picker.
-   *
-   * `subtle` will remove the borders and background.
-   */
+// @public (undocumented)
+export interface DateTimePickerProps extends WithAnalyticsEventsProps {
   appearance?: Appearance;
-  /** Set the picker to autofocus on mount. */
   autoFocus?: boolean;
-  /** The default for `value`. */
+  dateFormat?: string;
+  datePickerProps?: DatePickerProps;
+  datePickerSelectProps?: SelectProps_2<any>;
   defaultValue?: string;
-  /**
-   * The id of the field. Currently, react-select transforms this to have a `react-select-` prefix, and an `--input` suffix when applied to the input. For example, the id `my-input` would be transformed to `react-select-my-input--input`.
-   * Keep this in mind when needing to refer to the ID. This will be fixed in an upcoming release.
-   */
   id?: string;
-  /** Props to apply to the container. **/
   innerProps?: React_2.AllHTMLAttributes<HTMLElement>;
-  /** Set if the field is disabled. */
   isDisabled?: boolean;
-  /** The name of the field. */
+  isInvalid?: boolean;
+  locale?: string;
   name?: string;
-  /** Called when the field is blurred. */
   onBlur?: React_2.FocusEventHandler<HTMLInputElement>;
-  /** Called when the value changes and the date / time is a complete value, or empty. The only value is an ISO string or empty string. */
   onChange?: (value: string) => void;
-  /** Called when the field is focused. */
   onFocus?: React_2.FocusEventHandler<HTMLInputElement>;
-  /** The ISO time that should be used as the input value. */
-  value?: string;
-  /** Set if users can edit the input, allowing them to add custom times. */
-  timeIsEditable?: boolean;
-  /** Set if the picker has an invalid value. */
-  isInvalid?: boolean;
-  /** DEPRECATED - This is here only for backwards compatibility and doesn't do anything. It will be removed in the next MAJOR. */
-  hideIcon?: boolean;
-  /** Format the date with a string that is accepted by [date-fns's format function](https://date-fns.org/v1.29.0/docs/format). */
-  dateFormat?: string;
-  /** Props applied to the `DatePicker`. */
-  datePickerProps?: DatePickerProps;
-  /** Props applied to the `TimePicker`. */
-  timePickerProps?: TimePickerProps;
-  /** Function used to parse datetime values into their date, time and timezone sub-values. **/
   parseValue?: (
     dateTimeValue: string,
     date: string,
@@ -414,38 +331,28 @@ export declare interface DateTimePickerProps extends WithAnalyticsEventsProps {
     timeValue: string;
     zoneValue: string;
   };
-  /** [Select props](/components/select) to pass onto the `DatePicker` component's `Select`. This can be used to set options such as placeholder text. */
-  datePickerSelectProps?: SelectProps_2<any>;
-  /** [Select props](/components/select) to pass onto the `TimePicker` component's `Select`. This can be used to set options such as placeholder text. */
-  timePickerSelectProps?: SelectProps_2<any>;
-  /** The times shown by the `TimePicker`. */
-  times?: Array<string>;
-  /** The format that times are displayed in. Values should be those accepted by [date-fns's format function](https://date-fns.org/v1.29.0/docs/format). */
-  timeFormat?: string;
-  /**
-   * The spacing for the select control.
-   *
-   * Compact is `gridSize() * 4`, default is `gridSize() * 5`.
-   */
   spacing?: Spacing;
-  /** Locale used for formatting dates and times. See [DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat). */
-  locale?: string;
-  /**
-   * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
-   *  - `{testId}--datepicker--container` wrapping element of date-picker
-   *  - `{testId}--timepicker--container` wrapping element of time-picker
-   **/
   testId?: string;
+  timeFormat?: string;
+  timeIsEditable?: boolean;
+  timePickerProps?: TimePickerProps;
+  timePickerSelectProps?: SelectProps_2<any>;
+  times?: Array<string>;
+  value?: string;
 }
 
-declare type DateTimePickerProps_2 = typeof dateTimePickerDefaultProps &
+// @public (undocumented)
+type DateTimePickerProps_2 = typeof dateTimePickerDefaultProps &
   DateTimePickerProps;
 
-declare type SelectProps = any;
+// @public (undocumented)
+type SelectProps = any;
 
-export declare type Spacing = 'compact' | 'default';
+// @public (undocumented)
+export type Spacing = 'compact' | 'default';
 
-export declare const TimePicker: React_2.ForwardRefExoticComponent<
+// @public (undocumented)
+export const TimePicker: React_2.ForwardRefExoticComponent<
   Pick<
     Pick<
       Omit<TimePickerProps_2, keyof WithAnalyticsEventsProps>,
@@ -542,7 +449,8 @@ export declare const TimePicker: React_2.ForwardRefExoticComponent<
     React_2.RefAttributes<any>
 >;
 
-declare const timePickerDefaultProps: {
+// @public (undocumented)
+const timePickerDefaultProps: {
   appearance: Appearance;
   autoFocus: boolean;
   defaultIsOpen: boolean;
@@ -564,73 +472,38 @@ declare const timePickerDefaultProps: {
   locale: string;
 };
 
-export declare interface TimePickerProps extends WithAnalyticsEventsProps {
-  /**
-     Set the appearance of the picker.
-
-     `subtle` will remove the borders, background, and icon.
-
-     **NOTE:** Appearance values will be ignored if styles are parsed through `selectProps`.
-     */
+// @public (undocumented)
+export interface TimePickerProps extends WithAnalyticsEventsProps {
   appearance?: Appearance;
-  /** Set the picker to autofocus on mount. */
   autoFocus?: boolean;
-  /** The default for `isOpen`. */
   defaultIsOpen?: boolean;
-  /** The default for `value`. */
   defaultValue?: string;
-  /** DEPRECATED - Use locale instead. Function for formatting the displayed time value in the input. By default parses with an internal time parser, and formats using the [date-fns format function]((https://date-fns.org/v1.29.0/docs/format)). */
   formatDisplayLabel?: (time: string, timeFormat: string) => string;
-  /** The id of the field. Currently, react-select transforms this to have a `react-select-` prefix, and an `--input` suffix when applied to the input. For example, the id `my-input` would be transformed to `react-select-my-input--input`. Keep this in mind when needing to refer to the ID. This will be fixed in an upcoming release. */
+  hideIcon?: boolean;
   id?: string;
-  /** Props to apply to the container. **/
   innerProps?: React_2.AllHTMLAttributes<HTMLElement>;
-  /** Set if the field is disabled. */
   isDisabled?: boolean;
-  /** Set if the dropdown is open. Will be `false` if not provided. */
+  isInvalid?: boolean;
   isOpen?: boolean;
-  /** The name of the field. */
+  locale?: string;
   name?: string;
-  /** Called when the field is blurred. */
   onBlur?: React_2.FocusEventHandler<HTMLElement>;
-  /** Called when the value changes. The only argument is an ISO time or empty string. */
   onChange?: (value: string) => void;
-  /** Called when the field is focused. */
   onFocus?: React_2.FocusEventHandler<HTMLElement>;
+  // (undocumented)
   parseInputValue?: (time: string, timeFormat: string) => string | Date;
-  /** Props to apply to the select. */
+  placeholder?: string;
   selectProps?: SelectProps_2<any>;
-  /**
-     The spacing for the select control.
-
-     Compact is `gridSize() * 4`, default is `gridSize * 5`.
-     */
   spacing?: Spacing;
-  /** The times shown in the dropdown. */
-  times?: string[];
-  /** Set if users can edit the input, allowing them to add custom times. */
+  testId?: string;
+  timeFormat?: string;
   timeIsEditable?: boolean;
-  /** The ISO time that should be used as the input value. */
+  times?: string[];
   value?: string;
-  /** Set if the picker has an invalid value. */
-  isInvalid?: boolean;
-  /** Hides icon for dropdown indicator. */
-  hideIcon?: boolean;
-  /** Time format that is accepted by [date-fns's format function](https://date-fns.org/v1.29.0/docs/format). */
-  timeFormat?: string;
-  /** Placeholder text displayed in input. */
-  placeholder?: string;
-  /** Locale used to format the time. See [DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat). */
-  locale?: string;
-  /**
-   * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests:
-   *  - `{testId}--container` wrapping element of time-picker
-   **/
-  testId?: string;
 }
 
-declare type TimePickerProps_2 = typeof timePickerDefaultProps &
-  TimePickerProps;
+// @public (undocumented)
+type TimePickerProps_2 = typeof timePickerDefaultProps & TimePickerProps;
 
-export {};
+// (No @packageDocumentation comment for this package)
 ```

package/dist/types-ts4.0/components/date-picker.d.ts

@@ -1,288 +0,0 @@
-/** @jsx jsx */
-import { Component } from 'react';
-import { jsx } from '@emotion/react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { CalendarRef } from '@atlaskit/calendar';
-import { LocalizationProvider } from '@atlaskit/locale';
-import { ActionMeta, IndicatorComponentType, IndicatorProps, OptionType, ValueType } from '@atlaskit/select';
-import { Appearance, SelectProps, Spacing } from '../types';
-export interface DatePickerBaseProps extends WithAnalyticsEventsProps {
-    /**
-     * Set the appearance of the picker.
-     *
-     * `subtle` will remove the borders, background, and icon.
-     *
-     *NOTE:** Appearance values will be ignored if styles are parsed through `selectProps`.
-     */
-    appearance?: Appearance;
-    /**
-     * Set the picker to autofocus on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * The default for `isOpen`. Will be `false` if not provided.
-     */
-    defaultIsOpen?: boolean;
-    /**
-     * The default for `value`.
-     */
-    defaultValue?: string;
-    /**
-     * An array of ISO dates that should be disabled on the calendar. This does not affect what users can type into the picker.
-     */
-    disabled?: string[];
-    /**
-     * A filter function for disabling dates on the calendar. This does not affect what users can type into the picker.
-     *
-     * The function is called with a date string in the format `YYYY-MM-DD` and should return `true` if the date should be disabled.
-     */
-    disabledDateFilter?: (date: string) => boolean;
-    /**
-     * The latest enabled date. Dates after this are disabled on the calendar. This does not affect what users can type into the picker.
-     */
-    maxDate?: string;
-    /**
-     * The earliest enabled date. Dates before this are disabled on the calendar. This does not affect what users can type into the picker.
-     */
-    minDate?: string;
-    /**
-     * The icon shown in the picker.
-     */
-    icon?: IndicatorComponentType<OptionType>;
-    /**
-     * The id of the field. Currently, react-select transforms this to have a `react-select-` prefix, and an `--input` suffix when applied to the input. For example, the id `my-input` would be transformed to `react-select-my-input--input`.
-     *
-     * Keep this in mind when needing to refer to the ID. This will be fixed in an upcoming release.
-     */
-    id?: string;
-    /**
-     * Props to apply to the container.
-     */
-    innerProps?: React.AllHTMLAttributes<HTMLElement>;
-    /**
-     * Set if the picker is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * Set if the picker is open.
-     */
-    isOpen?: boolean;
-    /**
-     * The name of the field.
-     */
-    name?: string;
-    /**
-     * The aria-label attribute associated with the next-month arrow.
-     */
-    nextMonthLabel?: string;
-    /**
-     * Called when the field is blurred.
-     */
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * Called when the value changes. The only argument is an ISO time or empty string.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Called when the field is focused.
-     */
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * A function for parsing input characters and transforming them into a Date object. By default parses the date string based off the locale.
-     */
-    parseInputValue?: (date: string, dateFormat: string) => Date;
-    /**
-     * A function for formatting the date displayed in the input. By default composes together [date-fn's parse method](https://date-fns.org/v1.29.0/docs/parse) and [date-fn's format method](https://date-fns.org/v1.29.0/docs/format) to return a correctly formatted date string.
-     */
-    formatDisplayLabel?: (value: string, dateFormat: string) => string;
-    /**
-     * The aria-label attribute associated with the previous-month arrow.
-     */
-    previousMonthLabel?: string;
-    /**
-     * Props to apply to the select. This can be used to set options such as placeholder text.
-     *  See [the `Select` documentation for further information](/components/select).
-     */
-    selectProps?: SelectProps;
-    /**
-     * The spacing for the select control.
-     *
-     * Compact is `gridSize() * 4`, default is `gridSize * 5`.
-     */
-    spacing?: Spacing;
-    /**
-     * The ISO time used as the input value.
-     */
-    value?: string;
-    /**
-     * Set if the picker has an invalid value.
-     */
-    isInvalid?: boolean;
-    /**
-     * Hides icon for dropdown indicator.
-     */
-    hideIcon?: boolean;
-    /**
-     * Format the date with a string that is accepted by [date-fn's format function](https://date-fns.org/v1.29.0/docs/format).
-     */
-    dateFormat?: string;
-    /**
-     * Placeholder text displayed in input
-     */
-    placeholder?: string;
-    /**
-     * Locale used to format the date and calendar. See [DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat).
-     */
-    locale?: string;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
-     *  - `{testId}--container` wrapping element of date-picker
-     *  - `{testId}--calendar--container` nested calendar component
-     */
-    testId?: string;
-    /**
-     * Start day of the week for the calendar.
-     * - `0` sunday (default value)
-     * - `1` monday
-     * - `2` tuesday
-     * - `3` wednesday
-     * - `4` thursday
-     * - `5` friday
-     * - `6` saturday
-     */
-    weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-}
-declare type DatePickerProps = typeof datePickerDefaultProps & DatePickerBaseProps;
-interface State {
-    isOpen: boolean;
-    /**
-     * When being cleared from the icon the DatePicker is blurred.
-     * This variable defines whether the default onSelectBlur or onSelectFocus
-     * events should behave as normal
-     */
-    isFocused: boolean;
-    clearingFromIcon: boolean;
-    value: string;
-    /**
-     * Value to be shown in the calendar as selected.
-     */
-    selectedValue: string;
-    view: string;
-    inputValue: string;
-    l10n: LocalizationProvider;
-}
-declare const datePickerDefaultProps: {
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    disabled: string[];
-    disabledDateFilter: (_: string) => boolean;
-    hideIcon: boolean;
-    icon: import("react").ComponentType<IndicatorProps<OptionType, false>>;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    name: string;
-    onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (value: string) => void;
-    onFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
-    selectProps: {};
-    spacing: Spacing;
-    locale: string;
-};
-declare class DatePicker extends Component<DatePickerProps, State> {
-    static defaultProps: {
-        appearance: Appearance;
-        autoFocus: boolean;
-        defaultIsOpen: boolean;
-        defaultValue: string;
-        disabled: string[];
-        disabledDateFilter: (_: string) => boolean;
-        hideIcon: boolean;
-        icon: import("react").ComponentType<IndicatorProps<OptionType, false>>;
-        id: string;
-        innerProps: {};
-        isDisabled: boolean;
-        isInvalid: boolean;
-        name: string;
-        onBlur: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-        onChange: (value: string) => void;
-        onFocus: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-        selectProps: {};
-        spacing: Spacing;
-        locale: string;
-    };
-    calendarRef: CalendarRef | null;
-    containerRef: HTMLElement | null;
-    constructor(props: any);
-    UNSAFE_componentWillReceiveProps(nextProps: Readonly<DatePickerProps>): void;
-    getSafeState: () => {
-        inputValue: any;
-        isOpen: boolean;
-        value: string;
-        isFocused: boolean;
-        clearingFromIcon: boolean;
-        selectedValue: string;
-        view: string;
-        l10n: LocalizationProvider;
-    };
-    isDateDisabled: (date: string) => boolean;
-    onCalendarChange: ({ iso }: {
-        iso: string;
-    }) => void;
-    onCalendarSelect: ({ iso }: {
-        iso: string;
-    }) => void;
-    onInputClick: () => void;
-    onSelectBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onSelectFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onSelectInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onSelectKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onClear: () => void;
-    onSelectChange: (value: ValueType<OptionType>, action: ActionMeta) => void;
-    refCalendar: (ref: CalendarRef | null) => void;
-    handleInputChange: (inputValue: string, actionMeta: {}) => void;
-    getContainerRef: (ref: HTMLElement | null) => void;
-    /**
-     * There are two props that can change how the date is parsed.
-     * The priority of props used is:
-     *   1. parseInputValue
-     *   2. locale
-     */
-    parseDate: (date: string) => Date;
-    /**
-     * There are multiple props that can change how the date is formatted.
-     * The priority of props used is:
-     *   1. formatDisplayLabel
-     *   2. dateFormat
-     *   3. locale
-     */
-    formatDate: (value: string) => string;
-    getPlaceholder: () => string;
-    render(): jsx.JSX.Element;
-}
-export { DatePicker as DatePickerWithoutAnalytics };
-declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof WithAnalyticsEventsProps>, "testId" | "maxDate" | "minDate" | "isOpen" | "nextMonthLabel" | "parseInputValue" | "formatDisplayLabel" | "previousMonthLabel" | "value" | "dateFormat" | "placeholder" | "weekStartDay"> & Partial<Pick<Omit<DatePickerProps, keyof WithAnalyticsEventsProps>, "icon" | "disabled" | "appearance" | "autoFocus" | "defaultIsOpen" | "defaultValue" | "disabledDateFilter" | "id" | "innerProps" | "isDisabled" | "name" | "onBlur" | "onChange" | "onFocus" | "selectProps" | "spacing" | "isInvalid" | "hideIcon" | "locale">> & Partial<Pick<{
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    disabled: string[];
-    disabledDateFilter: (_: string) => boolean;
-    hideIcon: boolean;
-    icon: import("react").ComponentType<IndicatorProps<OptionType, false>>;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    name: string;
-    onBlur: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onChange: (value: string) => void;
-    onFocus: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    selectProps: {};
-    spacing: Spacing;
-    locale: string;
-}, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "icon" | "disabled" | "appearance" | "autoFocus" | "defaultIsOpen" | "defaultValue" | "disabledDateFilter" | "maxDate" | "minDate" | "id" | "innerProps" | "isDisabled" | "isOpen" | "name" | "nextMonthLabel" | "onBlur" | "onChange" | "onFocus" | "parseInputValue" | "formatDisplayLabel" | "previousMonthLabel" | "selectProps" | "spacing" | "value" | "isInvalid" | "hideIcon" | "dateFormat" | "placeholder" | "locale" | "weekStartDay" | "key" | "analyticsContext"> & import("react").RefAttributes<any>>;
-export default _default;