import { ReactElement } from 'react';
import { AbsoluteTimeRange } from '@perses-dev/spec';
export interface AbsoluteTimeFormProps {
    initialTimeRange: AbsoluteTimeRange;
    onChange: (timeRange: AbsoluteTimeRange) => void;
    onCancel: () => void;
    timeZone: string;
}
/**
 * Start and End datetime picker, allowing use to select a specific time range selecting two absolute dates and times.
 * TODO: Use directly the MUI X ``DateTimePicker`` for datetime selection which is better. https://next.mui.com/x/react-date-pickers/date-time-picker/
 *   Use ``DateTimeRangePicker`` directly would be cool but paid https://next.mui.com/x/react-date-pickers/date-time-range-picker/
 * @param initialTimeRange initial time range to pre-select.
 * @param onChange event received when start and end has been selected (click on apply)
 * @param onCancel event received when user click on cancel
 * @constructor
 */
export declare const DateTimeRangePicker: ({ initialTimeRange, onChange, onCancel, timeZone, }: AbsoluteTimeFormProps) => ReactElement;
//# sourceMappingURL=DateTimeRangePicker.d.ts.map