/// import type { DateValue } from '@internationalized/date'; import type { CreateDateRangeFieldProps } from './types.js'; declare const rangeFieldIdParts: readonly ["field", "label", "description", "validation"]; export type DateRangeFieldIdParts = typeof rangeFieldIdParts; export declare function createDateRangeField(props?: CreateDateRangeFieldProps): { elements: { field: import("../../internal/helpers/index.js").MeltElement<[import("svelte/store").Readable, import("svelte/store").Readable, import("svelte/store").Readable<{ field: string; label: string; description: string; validation: string; }>], () => { destroy(): void; }, ([$isCompleted, $isInvalid, $ids]: [DateValue | undefined, boolean, { field: string; label: string; description: string; validation: string; }]) => { role: string; id: string; 'aria-labelledby': string; 'aria-describedby': string; 'data-invalid': string | undefined; }, string>; label: import("../../internal/helpers/index.js").MeltElement<[import("svelte/store").Readable, import("../../internal/helpers/withGet.js").WithGet>, import("../../internal/helpers/withGet.js").WithGet>], (node: HTMLElement) => { destroy: () => void; }, ([$isInvalid, $disabled, $labelId]: [boolean, boolean, string]) => { id: string; 'data-invalid': string | undefined; 'data-disabled': string | undefined; }, string>; startSegment: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/withGet.js").WithGet>, import("../../internal/helpers/withGet.js").WithGet>, { get: () => DateValue; set: (this: void, value: DateValue) => void; update: (this: void, updater: import("svelte/store").Updater) => void; subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber; add: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void; subtract: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void; setDate: (fields: import("@internationalized/date").DateFields | (import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields), disambiguation?: import("@internationalized/date").Disambiguation | undefined) => void; reset: () => void; toWritable: () => { set: (this: void, value: DateValue) => void; subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber; update: (this: void, updater: import("svelte/store").Updater) => void; get: () => DateValue; }; nextPage: (amount: number) => void; prevPage: (amount: number) => void; }, { update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: DateValue | undefined) => void) | undefined) => void; set: (this: void, value: DateValue | undefined) => void; subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber; get: () => DateValue | undefined; destroy?: (() => void) | undefined; }, import("svelte/store").Readable, import("../../internal/helpers/withGet.js").WithGet>, import("../../internal/helpers/withGet.js").WithGet>, import("../../internal/helpers/withGet.js").WithGet>>, import("svelte/store").Readable<{ field: string; label: string; description: string; validation: string; day: string; month: string; year: string; hour: string; minute: string; second: string; dayPeriod: string; timeZoneName: string; }>, import("../../internal/helpers/withGet.js").WithGet>], (node: HTMLElement) => import("../../internal/types.js").MeltActionReturn<"click" | "focusout" | "keydown">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("../date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, DateValue, DateValue | undefined, boolean, boolean, boolean, Set, { field: string; label: string; description: string; validation: string; day: string; month: string; year: string; hour: string; minute: string; second: string; dayPeriod: string; timeZoneName: string; }, string]) => (part: import("../../index.js").SegmentPart) => { 'aria-invalid': "true" | undefined; 'aria-disabled': "true" | undefined; 'aria-readonly': "true" | undefined; 'data-invalid': string | undefined; 'data-disabled': string | undefined; 'data-segment': string; } | { id: string; 'aria-labelledby': string; contenteditable: boolean; 'aria-describedby': string | undefined; tabindex: number | undefined; 'aria-invalid': "true" | undefined; 'aria-disabled': "true" | undefined; 'aria-readonly': "true" | undefined; 'data-invalid': string | undefined; 'data-disabled': string | undefined; 'data-segment': string; }, string>; endSegment: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/withGet.js").WithGet>, import("../../internal/helpers/withGet.js").WithGet>, { get: () => DateValue; set: (this: void, value: DateValue) => void; update: (this: void, updater: import("svelte/store").Updater) => void; subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber; add: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void; subtract: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void; setDate: (fields: import("@internationalized/date").DateFields | (import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields), disambiguation?: import("@internationalized/date").Disambiguation | undefined) => void; reset: () => void; toWritable: () => { set: (this: void, value: DateValue) => void; subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber; update: (this: void, updater: import("svelte/store").Updater) => void; get: () => DateValue; }; nextPage: (amount: number) => void; prevPage: (amount: number) => void; }, { update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: DateValue | undefined) => void) | undefined) => void; set: (this: void, value: DateValue | undefined) => void; subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber; get: () => DateValue | undefined; destroy?: (() => void) | undefined; }, import("svelte/store").Readable, import("../../internal/helpers/withGet.js").WithGet>, import("../../internal/helpers/withGet.js").WithGet>, import("../../internal/helpers/withGet.js").WithGet>>, import("svelte/store").Readable<{ field: string; label: string; description: string; validation: string; day: string; month: string; year: string; hour: string; minute: string; second: string; dayPeriod: string; timeZoneName: string; }>, import("../../internal/helpers/withGet.js").WithGet>], (node: HTMLElement) => import("../../internal/types.js").MeltActionReturn<"click" | "focusout" | "keydown">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("../date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, DateValue, DateValue | undefined, boolean, boolean, boolean, Set, { field: string; label: string; description: string; validation: string; day: string; month: string; year: string; hour: string; minute: string; second: string; dayPeriod: string; timeZoneName: string; }, string]) => (part: import("../../index.js").SegmentPart) => { 'aria-invalid': "true" | undefined; 'aria-disabled': "true" | undefined; 'aria-readonly': "true" | undefined; 'data-invalid': string | undefined; 'data-disabled': string | undefined; 'data-segment': string; } | { id: string; 'aria-labelledby': string; contenteditable: boolean; 'aria-describedby': string | undefined; tabindex: number | undefined; 'aria-invalid': "true" | undefined; 'aria-disabled': "true" | undefined; 'aria-readonly': "true" | undefined; 'data-invalid': string | undefined; 'data-disabled': string | undefined; 'data-segment': string; }, string>; startHiddenInput: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/withGet.js").WithGet>, import("svelte/motion").Readable, import("../../internal/helpers/withGet.js").WithGet>, import("../../internal/helpers/withGet.js").WithGet>], (node: HTMLInputElement) => { destroy: import("svelte/store").Unsubscriber; }, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => { name: string | undefined; value: string; 'aria-hidden': "true"; hidden: boolean; disabled: boolean; required: boolean; tabIndex: number; style: string; }, string>; endHiddenInput: import("../../internal/helpers/index.js").MeltElement<[import("../../internal/helpers/withGet.js").WithGet>, import("svelte/motion").Readable, import("../../internal/helpers/withGet.js").WithGet>, import("../../internal/helpers/withGet.js").WithGet>], (node: HTMLInputElement) => { destroy: import("svelte/store").Unsubscriber; }, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => { name: string | undefined; value: string; 'aria-hidden': "true"; hidden: boolean; disabled: boolean; required: boolean; tabIndex: number; style: string; }, string>; validation: import("../../internal/helpers/index.js").MeltElement<[import("svelte/store").Readable, import("../../internal/helpers/withGet.js").WithGet>], import("svelte/action").Action>, ([$isInvalid, $validationId]: [boolean, string]) => { id: string; 'data-invalid': string | undefined; style: string | undefined; }, string>; }; states: { value: { update: (updater: import("svelte/store").Updater, sideEffect?: ((newValue: import("../../index.js").DateRange) => void) | undefined) => void; set: (this: void, value: import("../../index.js").DateRange) => void; subscribe(this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined): import("svelte/store").Unsubscriber; get: () => import("../../index.js").DateRange; destroy?: (() => void) | undefined; }; placeholder: { set: (this: void, value: DateValue) => void; subscribe: (this: void, run: import("svelte/store").Subscriber, invalidate?: import("svelte/store").Invalidator | undefined) => import("svelte/store").Unsubscriber; update: (this: void, updater: import("svelte/store").Updater) => void; get: () => DateValue; }; segmentContents: import("svelte/store").Readable<{ start: { part: import("../../index.js").SegmentPart; value: string; }[]; end: { part: import("../../index.js").SegmentPart; value: string; }[]; }>; endSegmentValues: import("../../internal/helpers/withGet.js").WithGet>; startSegmentValues: import("../../internal/helpers/withGet.js").WithGet>; isInvalid: import("svelte/store").Readable; }; options: { endName: import("../../internal/helpers/withGet.js").WithGet>; startName: import("../../internal/helpers/withGet.js").WithGet>; disabled: import("../../internal/helpers/withGet.js").WithGet>; onValueChange?: import("../../internal/helpers/withGet.js").WithGet | undefined>> | undefined; defaultValue: import("../../internal/helpers/withGet.js").WithGet>; ids?: import("../../internal/helpers/withGet.js").WithGet | undefined>> | undefined; required?: import("../../internal/helpers/withGet.js").WithGet> | undefined; defaultPlaceholder?: import("../../internal/helpers/withGet.js").WithGet> | undefined; granularity: import("../../internal/helpers/withGet.js").WithGet>; onPlaceholderChange?: import("../../internal/helpers/withGet.js").WithGet | undefined>> | undefined; isDateUnavailable: import("../../internal/helpers/withGet.js").WithGet>; minValue: import("../../internal/helpers/withGet.js").WithGet>; maxValue: import("../../internal/helpers/withGet.js").WithGet>; readonly: import("../../internal/helpers/withGet.js").WithGet>; readonlySegments: import("../../internal/helpers/withGet.js").WithGet>; hourCycle: import("../../internal/helpers/withGet.js").WithGet>; locale: import("../../internal/helpers/withGet.js").WithGet>; hideTimeZone: import("../../internal/helpers/withGet.js").WithGet>; startIds?: import("../../internal/helpers/withGet.js").WithGet | undefined>> | undefined; endIds?: import("../../internal/helpers/withGet.js").WithGet | undefined>> | undefined; }; ids: { field: import("../../internal/helpers/index.js").ToWritableStores<{ label: string; description: string; field: string; validation: string; }>; start: import("../../internal/helpers/index.js").ToWritableStores<{ label: string; description: string; day: string; hour: string; minute: string; second: string; month: string; year: string; dayPeriod: string; timeZoneName: string; field: string; validation: string; }>; end: import("../../internal/helpers/index.js").ToWritableStores<{ label: string; description: string; day: string; hour: string; minute: string; second: string; month: string; year: string; dayPeriod: string; timeZoneName: string; field: string; validation: string; }>; }; }; export {};