import { EventEmitter } from '../../stencil-public-runtime';
import { DateType, Languages } from '@limetech/lime-elements';
import { LimeWebComponent, LimeWebComponentContext, LimeWebComponentPlatform } from '@limetech/lime-web-components';
/**
 * This component can receive one or two date values,
 * and display them in a nice responsive layout, using date pickers.
 *
 * :::note
 * The component needs to be provided at least with one value as
 * `startTime` or `endTime` to get rendered correctly.
 * :::
 *
 * The most common use case is to visualize a range for an event
 * that has a start and end time.
 *
 * The end user can use the date pickers displayed in the UI,
 * to change the start and end time. When these values are changed
 * by the user, the component emits events.
 *
 * @exampleComponent limebb-example-date-range
 */
export declare class DateRange implements LimeWebComponent {
    /**
     * @inheritdoc
     */
    platform: LimeWebComponentPlatform;
    /**
     * @inheritdoc
     */
    context: LimeWebComponentContext;
    /**
     * The start time
     */
    startTime?: Date;
    /**
     * A secondary optional time, which is the time when an event ends.
     */
    endTime?: Date;
    /**
     * The label that appears together with the date picker of `startTime`
     */
    startTimeLabel?: string;
    /**
     * The label that appears together with the date picker of `endTime`
     */
    endTimeLabel?: string;
    /**
     * @deprecated ignored if `platform` is set
     */
    language: Languages;
    /**
     * @deprecated ignored if `platform` is set
     */
    timeFormat: string;
    /**
     * Type of date picker.
     * The type can be "date" | "datetime" | "month" | "quarter" | "time" | "week" | "year"
     */
    type: DateType;
    /**
     * Emitted when the start time value has changed by the end user,
     * using the date pickers in the UI.
     */
    changeStartTime: EventEmitter<Date>;
    /**
     * Emitted when the end time value has changed by the end user,
     * using the date pickers in the UI.
     */
    changeEndTime: EventEmitter<Date>;
    private originalStartTime?;
    private originalEndTime?;
    componentWillLoad(): void;
    render(): any;
    private renderStartDatePicker;
    private renderEndDatePicker;
    private renderDatePicker;
    private handleStartTimeChange;
    private handleEndTimeChange;
}
//# sourceMappingURL=date-range.d.ts.map