## API Report File for "@atlaskit/datetime-picker" > Do not edit this file. This report is auto-generated using > [API Extractor](https://api-extractor.com/). > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports) ### Table of contents - [Main Entry Types](#main-entry-types) - [Peer Dependencies](#peer-dependencies) ### Main Entry Types ```ts import { ComponentType } from 'react'; import { DropdownIndicatorProps } from '@atlaskit/select'; import { FocusEvent as FocusEvent_2 } from 'react'; import { ForwardRefExoticComponent } from 'react'; import { GroupType } from '@atlaskit/select'; import { OptionType } from '@atlaskit/select'; import { default as React_2 } from 'react'; import { RefAttributes } from 'react'; import { SelectProps } from '@atlaskit/select'; import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next'; import { WithContextProps } from '@atlaskit/analytics-next'; // @public (undocumented) export type Appearance = 'default' | 'none' | 'subtle'; // @public (undocumented) export const DatePicker: ForwardRefExoticComponent< Pick< Pick< Omit, | 'dateFormat' | 'formatDisplayLabel' | 'isOpen' | 'maxDate' | 'minDate' | 'nextMonthLabel' | 'parseInputValue' | 'placeholder' | 'previousMonthLabel' | 'testId' | 'value' | 'weekStartDay' > & Partial< Pick< Omit, | 'appearance' | 'autoFocus' | 'defaultIsOpen' | 'defaultValue' | 'disabled' | 'disabledDateFilter' | 'hideIcon' | 'icon' | 'id' | 'innerProps' | 'isDisabled' | 'isInvalid' | 'locale' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'selectProps' | 'spacing' > > & Partial< Pick< { appearance: Appearance; autoFocus: boolean; defaultIsOpen: boolean; defaultValue: string; disabled: string[]; disabledDateFilter: (_: string) => boolean; hideIcon: boolean; icon: ComponentType>>; id: string; innerProps: {}; isDisabled: boolean; isInvalid: boolean; name: string; onBlur: (_event: FocusEvent_2) => void; onChange: (_value: string) => void; onFocus: (_event: FocusEvent_2) => void; selectProps: {}; spacing: Spacing; locale: string; }, never > > & RefAttributes & WithContextProps, | 'analyticsContext' | 'appearance' | 'autoFocus' | 'dateFormat' | 'defaultIsOpen' | 'defaultValue' | 'disabled' | 'disabledDateFilter' | 'formatDisplayLabel' | 'hideIcon' | 'icon' | 'id' | 'innerProps' | 'isDisabled' | 'isInvalid' | 'isOpen' | 'key' | 'locale' | 'maxDate' | 'minDate' | 'name' | 'nextMonthLabel' | 'onBlur' | 'onChange' | 'onFocus' | 'parseInputValue' | 'placeholder' | 'previousMonthLabel' | 'selectProps' | 'spacing' | 'testId' | 'value' | 'weekStartDay' > & RefAttributes >; // @public (undocumented) const datePickerDefaultProps: { appearance: Appearance; autoFocus: boolean; defaultIsOpen: boolean; defaultValue: string; disabled: string[]; disabledDateFilter: (_: string) => boolean; hideIcon: boolean; icon: ComponentType>>; id: string; innerProps: {}; isDisabled: boolean; isInvalid: boolean; name: string; onBlur: (_event: React.FocusEvent) => void; onChange: (_value: string) => void; onFocus: (_event: React.FocusEvent) => void; selectProps: {}; spacing: Spacing; locale: string; }; // @public (undocumented) export interface DatePickerProps extends WithAnalyticsEventsProps { appearance?: Appearance; autoFocus?: boolean; dateFormat?: string; defaultIsOpen?: boolean; defaultValue?: string; disabled?: string[]; disabledDateFilter?: (date: string) => boolean; formatDisplayLabel?: (value: string, dateFormat: string) => string; hideIcon?: boolean; icon?: React.ComponentType>; id?: string; innerProps?: React.AllHTMLAttributes; isDisabled?: boolean; isInvalid?: boolean; isOpen?: boolean; locale?: string; maxDate?: string; minDate?: string; name?: string; nextMonthLabel?: string; onBlur?: React.FocusEventHandler; onChange?: (value: string) => void; onFocus?: React.FocusEventHandler; parseInputValue?: (date: string, dateFormat: string) => Date; placeholder?: string; previousMonthLabel?: string; selectProps?: SelectProps; spacing?: Spacing; testId?: string; value?: string; weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6; } // @public (undocumented) type DatePickerProps_2 = typeof datePickerDefaultProps & DatePickerProps; // @public (undocumented) export const DateTimePicker: React_2.ForwardRefExoticComponent< Pick< Pick< Omit, 'dateFormat' | 'parseValue' | 'testId' | 'timeFormat' | 'value' > & Partial< Pick< Omit, | 'appearance' | 'autoFocus' | 'datePickerProps' | 'datePickerSelectProps' | 'defaultValue' | 'id' | 'innerProps' | 'isDisabled' | 'isInvalid' | 'locale' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'spacing' | 'timeIsEditable' | 'timePickerProps' | 'timePickerSelectProps' | 'times' > > & Partial< Pick< { appearance: string; autoFocus: boolean; isDisabled: boolean; name: string; onBlur: (_event: React_2.FocusEvent) => void; onChange: (_value: string) => void; onFocus: (_event: React_2.FocusEvent) => void; innerProps: {}; id: string; defaultValue: string; timeIsEditable: boolean; isInvalid: boolean; datePickerProps: {}; timePickerProps: {}; datePickerSelectProps: {}; timePickerSelectProps: {}; times: string[]; spacing: string; locale: string; }, never > > & React_2.RefAttributes & WithContextProps, | 'analyticsContext' | 'appearance' | 'autoFocus' | 'dateFormat' | 'datePickerProps' | 'datePickerSelectProps' | 'defaultValue' | 'id' | 'innerProps' | 'isDisabled' | 'isInvalid' | 'key' | 'locale' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'parseValue' | 'spacing' | 'testId' | 'timeFormat' | 'timeIsEditable' | 'timePickerProps' | 'timePickerSelectProps' | 'times' | 'value' > & React_2.RefAttributes >; // @public (undocumented) const dateTimePickerDefaultProps: { appearance: string; autoFocus: boolean; isDisabled: boolean; name: string; onBlur: (_event: React_2.FocusEvent) => void; onChange: (_value: string) => void; onFocus: (_event: React_2.FocusEvent) => void; innerProps: {}; id: string; defaultValue: string; timeIsEditable: boolean; isInvalid: boolean; datePickerProps: {}; timePickerProps: {}; datePickerSelectProps: {}; timePickerSelectProps: {}; times: string[]; spacing: string; locale: string; }; // @public (undocumented) export interface DateTimePickerProps extends WithAnalyticsEventsProps { appearance?: Appearance; autoFocus?: boolean; dateFormat?: string; datePickerProps?: DatePickerProps; datePickerSelectProps?: SelectProps; defaultValue?: string; id?: string; innerProps?: React_2.AllHTMLAttributes; isDisabled?: boolean; isInvalid?: boolean; locale?: string; name?: string; onBlur?: React_2.FocusEventHandler; onChange?: (value: string) => void; onFocus?: React_2.FocusEventHandler; parseValue?: ( dateTimeValue: string, date: string, time: string, timezone: string, ) => { dateValue: string; timeValue: string; zoneValue: string; }; spacing?: Spacing; testId?: string; timeFormat?: string; timeIsEditable?: boolean; timePickerProps?: TimePickerProps; timePickerSelectProps?: SelectProps; times?: Array; value?: string; } // @public (undocumented) type DateTimePickerProps_2 = typeof dateTimePickerDefaultProps & DateTimePickerProps; // @public (undocumented) export type Spacing = 'compact' | 'default'; // @public (undocumented) export const TimePicker: React_2.ForwardRefExoticComponent< Pick< Pick< Omit, 'formatDisplayLabel' | 'isOpen' | 'placeholder' | 'testId' | 'timeFormat' | 'value' > & Partial< Pick< Omit, | 'appearance' | 'autoFocus' | 'defaultIsOpen' | 'defaultValue' | 'hideIcon' | 'id' | 'innerProps' | 'isDisabled' | 'isInvalid' | 'locale' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'parseInputValue' | 'selectProps' | 'spacing' | 'timeIsEditable' | 'times' > > & Partial< Pick< { appearance: Appearance; autoFocus: boolean; defaultIsOpen: boolean; defaultValue: string; hideIcon: boolean; id: string; innerProps: {}; isDisabled: boolean; isInvalid: boolean; name: string; onBlur: (_event: React_2.FocusEvent) => void; onChange: (_value: string) => void; onFocus: (_event: React_2.FocusEvent) => void; parseInputValue: (time: string, _timeFormat: string) => Date | string; selectProps: {}; spacing: Spacing; times: string[]; timeIsEditable: boolean; locale: string; }, never > > & React_2.RefAttributes & WithContextProps, | 'analyticsContext' | 'appearance' | 'autoFocus' | 'defaultIsOpen' | 'defaultValue' | 'formatDisplayLabel' | 'hideIcon' | 'id' | 'innerProps' | 'isDisabled' | 'isInvalid' | 'isOpen' | 'key' | 'locale' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'parseInputValue' | 'placeholder' | 'selectProps' | 'spacing' | 'testId' | 'timeFormat' | 'timeIsEditable' | 'times' | 'value' > & React_2.RefAttributes >; // @public (undocumented) const timePickerDefaultProps: { appearance: Appearance; autoFocus: boolean; defaultIsOpen: boolean; defaultValue: string; hideIcon: boolean; id: string; innerProps: {}; isDisabled: boolean; isInvalid: boolean; name: string; onBlur: (_event: React_2.FocusEvent) => void; onChange: (_value: string) => void; onFocus: (_event: React_2.FocusEvent) => void; parseInputValue: (time: string, _timeFormat: string) => Date | string; selectProps: {}; spacing: Spacing; times: string[]; timeIsEditable: boolean; locale: string; }; // @public (undocumented) export interface TimePickerProps extends WithAnalyticsEventsProps { appearance?: Appearance; autoFocus?: boolean; defaultIsOpen?: boolean; defaultValue?: string; formatDisplayLabel?: (time: string, timeFormat: string) => string; hideIcon?: boolean; id?: string; innerProps?: React_2.AllHTMLAttributes; isDisabled?: boolean; isInvalid?: boolean; isOpen?: boolean; locale?: string; name?: string; onBlur?: React_2.FocusEventHandler; onChange?: (value: string) => void; onFocus?: React_2.FocusEventHandler; parseInputValue?: (time: string, timeFormat: string) => Date | string; placeholder?: string; selectProps?: SelectProps; spacing?: Spacing; testId?: string; timeFormat?: string; timeIsEditable?: boolean; times?: string[]; value?: string; } // @public (undocumented) type TimePickerProps_2 = typeof timePickerDefaultProps & TimePickerProps; // (No @packageDocumentation comment for this package) ``` ### Peer Dependencies ```json { "react": "^16.8.0" } ```