import { Inputs } from '@embeddable.com/react'; import { TimeRange } from '@embeddable.com/core'; declare const meta: { readonly name: "DateRangePickerCustomPro"; readonly label: "Date-Range Picker - Custom"; readonly description: "Date-range picker with a custom-range input. Pairs with a timeRange variable; emits onChange. Pick over DateRangePickerPresetsPro for arbitrary ranges."; readonly category: "Dropdowns - dates"; readonly defaultWidth: 300; readonly defaultHeight: 120; readonly inputs: [{ readonly name: "title"; readonly type: "string"; readonly label: "Title"; readonly category: "Component Header"; }, { readonly name: "description"; readonly type: "string"; readonly label: "Description"; readonly category: "Component Header"; }, { readonly name: "tooltip"; readonly type: "string"; readonly label: "Tooltip"; readonly category: "Component Header"; }, { readonly defaultValue: "Select a date-range"; readonly name: "placeholder"; readonly type: "string"; readonly label: "Placeholder"; readonly category: "Component Settings"; }, { readonly type: "boolean"; readonly name: "clearable"; readonly label: "Can be cleared"; readonly defaultValue: true; readonly category: "Component Settings"; }, { readonly name: "selectedValue"; readonly label: "Selected value"; readonly category: "Pre-configured variables"; readonly type: "timeRange"; }, { readonly name: "showTwoMonths"; readonly label: "Show two months"; readonly defaultValue: false; readonly category: "Component Settings"; readonly type: "boolean"; }]; readonly events: [{ readonly name: "onChange"; readonly label: "Selected date-range updated"; readonly properties: [{ readonly name: "value"; readonly label: "Selected date-range"; readonly type: "timeRange"; }, { readonly name: "fromDate"; readonly label: "Start date of selected range"; readonly type: "time"; }, { readonly name: "toDate"; readonly label: "To date of selected range"; readonly type: "time"; }]; }]; readonly variables: [{ readonly name: "date-range value"; readonly type: "timeRange"; readonly defaultValue: { operation: "NO_FILTER" | "VALUE"; value?: unknown; __embeddableVariableMeta: true; }; readonly inputs: ["selectedValue"]; readonly events: [{ readonly name: "onChange"; readonly property: "value"; }]; }]; }; export declare const dateRangePickerCustomPro: { readonly Component: (props: import("./index").DateRangePickerPresetsProps) => import("react").JSX.Element | null; readonly meta: { readonly name: "DateRangePickerCustomPro"; readonly label: "Date-Range Picker - Custom"; readonly description: "Date-range picker with a custom-range input. Pairs with a timeRange variable; emits onChange. Pick over DateRangePickerPresetsPro for arbitrary ranges."; readonly category: "Dropdowns - dates"; readonly defaultWidth: 300; readonly defaultHeight: 120; readonly inputs: [{ readonly name: "title"; readonly type: "string"; readonly label: "Title"; readonly category: "Component Header"; }, { readonly name: "description"; readonly type: "string"; readonly label: "Description"; readonly category: "Component Header"; }, { readonly name: "tooltip"; readonly type: "string"; readonly label: "Tooltip"; readonly category: "Component Header"; }, { readonly defaultValue: "Select a date-range"; readonly name: "placeholder"; readonly type: "string"; readonly label: "Placeholder"; readonly category: "Component Settings"; }, { readonly type: "boolean"; readonly name: "clearable"; readonly label: "Can be cleared"; readonly defaultValue: true; readonly category: "Component Settings"; }, { readonly name: "selectedValue"; readonly label: "Selected value"; readonly category: "Pre-configured variables"; readonly type: "timeRange"; }, { readonly name: "showTwoMonths"; readonly label: "Show two months"; readonly defaultValue: false; readonly category: "Component Settings"; readonly type: "boolean"; }]; readonly events: [{ readonly name: "onChange"; readonly label: "Selected date-range updated"; readonly properties: [{ readonly name: "value"; readonly label: "Selected date-range"; readonly type: "timeRange"; }, { readonly name: "fromDate"; readonly label: "Start date of selected range"; readonly type: "time"; }, { readonly name: "toDate"; readonly label: "To date of selected range"; readonly type: "time"; }]; }]; readonly variables: [{ readonly name: "date-range value"; readonly type: "timeRange"; readonly defaultValue: { operation: "NO_FILTER" | "VALUE"; value?: unknown; __embeddableVariableMeta: true; }; readonly inputs: ["selectedValue"]; readonly events: [{ readonly name: "onChange"; readonly property: "value"; }]; }]; }; readonly preview: { ({ embeddableTheme, }: { embeddableTheme: any; }): React.JSX.Element; displayName: string; }; readonly config: { readonly props: (inputs: Inputs) => { title: string; description: string; tooltip: string; clearable: boolean; placeholder: string; selectedValue: TimeRange; showTwoMonths: boolean; onChange: () => void; }; readonly events: { onChange: (timeRange: TimeRange) => { value: import("@embeddable.com/core").TimeRangeDeserializedValue | { operation: "NO_FILTER" | "VALUE"; value?: unknown; __embeddableVariableMeta: true; }; fromDate: { operation: "NO_FILTER" | "VALUE"; value?: unknown; __embeddableVariableMeta: true; } | { date: Date; }; toDate: { operation: "NO_FILTER" | "VALUE"; value?: unknown; __embeddableVariableMeta: true; } | { date: Date; }; }; }; }; }; export {}; //# sourceMappingURL=definition.d.ts.map