import { default as React } from 'react';
import { Meridiem } from '../utils/datetimeFormat';
export interface SegmentFieldProps {
    value: string;
    placeholder: string;
    maxLength: number;
    /** Ancho del segmento en modo inline; omitir en modo `boxed`. */
    widthClass?: string;
    /** Segmento dentro de {@link TimeSegmentBox} (popup). */
    boxed?: boolean;
    disabled?: boolean;
    ariaLabel: string;
    onChange: (value: string) => void;
    onCommit: () => void;
    onFocus?: () => void;
    inputRef?: React.Ref<HTMLInputElement>;
}
/** Campo numérico de un segmento (fecha/hora); compartido entre input y popup. */
export declare const SegmentField: ({ value, placeholder, maxLength, widthClass, boxed, disabled, ariaLabel, onChange, onCommit, onFocus, inputRef, }: SegmentFieldProps) => import("react/jsx-runtime").JSX.Element;
export declare const DateTimeSeparator: ({ children }: {
    children: React.ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
/** Separador `:` del panel de hora (tipografía lg según Figma). */
export declare const TimePickerColon: () => import("react/jsx-runtime").JSX.Element;
/** Caja 48×48 que envuelve un segmento en el popup de hora (Figma). */
export declare const TimeSegmentBox: ({ children, className, }: {
    children: React.ReactNode;
    className?: string;
}) => import("react/jsx-runtime").JSX.Element;
export interface MeridiemToggleStackProps {
    value: Meridiem;
    disabled?: boolean;
    onSelect: (meridiem: Meridiem) => void;
}
/** Toggle AM/PM vertical (popup); orden PM arriba, AM abajo (Figma). */
export declare const MeridiemToggleStack: ({ value, disabled, onSelect }: MeridiemToggleStackProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=DateTimeSegmentFields.d.ts.map