import "./date_segments_field.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
import { SegmentLabels, SegmentsConfig } from "./date_segments";
export interface DateSegmentsProps extends StyleProps {
    /** `""` when empty. */
    value: string;
    onChange: (value: string) => void;
    /** See `dateSegmentsConfig`. */
    config: SegmentsConfig;
    segmentLabels: SegmentLabels;
    disabled?: boolean;
    autoFocus?: boolean;
    testID?: string;
    /** E.g. "Start date". */
    accessibilityLabel?: string;
    onFocus?: () => void;
    onBlur?: () => void;
    /** An inline editor cancels its session. */
    onEscape?: () => void;
    /** The segment-field convention; plain ArrowDown steps the spinbutton. */
    onOpenPicker?: () => void;
    /**
     * Whether the buffer is partial (a day with no year). Complete values emit via `onChange` and an
     * emptied buffer emits `""`; between them this is the only signal, which an inline editor blocks
     * its commit on.
     */
    onIncompleteChange?: (incomplete: boolean) => void;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * Borderless segmented editor, one segment per locale field plus separators; emits an ISO value
 * only once complete and valid. Frame, ring and calendar button are {@link DateField}.
 */
export declare function DateSegments(props: DateSegmentsProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;