import React from 'react';
import type { DateTime } from '@gravity-ui/date-utils';
import type { AccessibilityProps, DomProps, StyleProps } from "../types/index.js";
import type { ViewportDimensions, ViewportInterval } from "./components/Ruler/Ruler.js";
import type { RangeDateSelectionOptions } from "./hooks/useRangeDateSelectionState.js";
import "./RangeDateSelection.css";
export interface RangeDateSelectionProps extends RangeDateSelectionOptions, DomProps, StyleProps, AccessibilityProps {
    /** Formats time ticks */
    formatTime?: (time: DateTime) => string;
    /** Displays now line */
    displayNow?: boolean;
    /** Enables dragging ruler */
    draggableRuler?: boolean;
    /** Displays buttons to scale selection */
    hasScaleButtons?: boolean;
    /** Position of scale buttons */
    scaleButtonsPosition?: 'start' | 'end';
    /** Renders additional svg content in the ruler */
    renderAdditionalRulerContent?: (props: {
        interval: ViewportInterval;
        dimensions: ViewportDimensions;
    }) => React.ReactNode;
}
export declare function RangeDateSelection(props: RangeDateSelectionProps): import("react/jsx-runtime").JSX.Element;