/** * @jsxRuntime classic * @jsx jsx */ import React from 'react'; import { type DateTimePickerBaseProps } from '../types'; interface State { dateValue: string; isFocused: boolean; timeValue: string; value: string; zoneValue: string; } export declare const datePickerDefaultAriaLabel = "Date"; export declare const timePickerDefaultAriaLabel = "Time"; declare class DateTimePickerComponent extends React.Component { static defaultProps: DateTimePickerBaseProps; state: State; getParsedValues: () => { dateValue: string; timeValue: string; zoneValue: string; }; getValue: () => string; parseValue(value: string, dateValue: string, timeValue: string, zoneValue: string): { dateValue: string; timeValue: string; zoneValue: string; }; onDateBlur: (event: React.FocusEvent) => void; onTimeBlur: (event: React.FocusEvent) => void; onDateFocus: (event: React.FocusEvent) => void; onTimeFocus: (event: React.FocusEvent) => void; onDateChange: (dateValue: string) => void; onTimeChange: (timeValue: string) => void; onClear: () => void; onValueChange({ dateValue, timeValue, zoneValue, }: { dateValue: string; timeValue: string; zoneValue: string; }): void; render(): JSX.Element; } export { DateTimePickerComponent as DateTimePickerWithoutAnalytics }; /** * __Date time picker__ * * A date time picker allows the user to select an associated date and time. * * - [Examples](https://atlassian.design/components/datetime-picker/examples) * - [Code](https://atlassian.design/components/datetime-picker/code) * - [Usage](https://atlassian.design/components/datetime-picker/usage) */ declare const DateTimePicker: React.ForwardRefExoticComponent, never> & { appearance?: import('..').Appearance | undefined; isDisabled?: boolean | undefined; innerProps?: React.AllHTMLAttributes | undefined; defaultValue?: string | undefined; autoFocus?: boolean | undefined; id?: string | undefined; 'aria-describedby'?: string | undefined; onFocus?: React.FocusEventHandler | undefined; onBlur?: React.FocusEventHandler | undefined; onChange?: ((value: string) => void) | undefined; value?: string | undefined; name?: string | undefined; testId?: string | undefined; locale?: string | undefined; clearControlLabel?: string | undefined; isInvalid?: boolean | undefined; isRequired?: boolean | undefined; spacing?: import('..').Spacing | undefined; datePickerProps?: import('..').DatePickerProps | undefined; timePickerProps?: import('..').TimePickerProps | undefined; parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => { dateValue: string; timeValue: string; zoneValue: string; }) | undefined; } & { ref?: React.Ref | undefined; createAnalyticsEvent?: import('@atlaskit/analytics-next').CreateUIAnalyticsEvent | undefined; }, 'ref'> & React.RefAttributes & import('@atlaskit/analytics-next').WithContextProps, 'ref'> & React.RefAttributes>; export default DateTimePicker;