import { direction, TimeStamp, TimeZone } from '@synnaxlabs/x';
import { TextProps } from './Text';
import { Control } from './types';
/** Joins a {@link Date} value and a {@link Time} value into one UTC timestamp. */
export declare const combineDateAndTimeValue: (date: number, time: number) => TimeStamp;
/** Props for {@link Time}. The value is UTC nanoseconds past midnight. */
export interface TimeProps extends Omit<TextProps, "type" | "value" | "onChange">, Control<number> {
    /** Zone the value is shown and entered in. Defaults to local. */
    timeZone?: TimeZone;
    showDragHandle?: boolean;
    dragDirection?: direction.Direction;
}
interface UseTimeProps extends Pick<TimeProps, "value" | "onChange" | "timeZone"> {
}
export interface UseTimeReturn {
    inputValue: string;
    ts: TimeStamp;
    handleChange: Control<string | number>["onChange"];
}
/**
 * Backs a time field. It shows and accepts the given zone while the controlled value
 * stays UTC nanoseconds, and wraps a value past a full day back into range.
 */
export declare const useTime: ({ value, onChange, timeZone }: UseTimeProps) => UseTimeReturn;
/**
 * A time-of-day field over UTC nanoseconds. It shows local time and a drag handle that
 * scrubs by the half second horizontally and by the minute vertically.
 */
export declare const Time: ({ ref, size, value, timeZone, onChange, dragDirection, showDragHandle, className, children, preview, ...rest }: TimeProps) => import("react").JSX.Element;
export {};
//# sourceMappingURL=Time.d.ts.map