import React from 'react'; import Dialog, { TimeRangeProps } from '@splunk/react-time-range/Dialog'; import { ButtonProps } from '@splunk/react-ui/Button'; type ValidAppearanceSubset = U; type Appearance = ValidAppearanceSubset; interface DropdownProps extends Omit { /** Change the style of the toggle. */ appearance?: Appearance; /** * Remove rounding from the left side of the toggle. */ append?: boolean; /** Prevents user from clicking the toggle. */ disabled?: boolean; /** * Earliest limit for search. * Default value is '0' (beginning of epoch). * Can be set to `null` to indicate an unset state, which displays "Select a time range". */ earliest: string | null; /** Make the control an inline block with variable width. */ inline?: boolean; /** If the generated label is too long, it will abbreviate * to a more generic form, such as 'Between Date-times' instead of * 'Feb 17, 2017 6:00 AM to Feb 18, 2017 12:20 AM'. `Infinity` and `0` allow labels of any * length. The label may truncate with ellipsis regardless if there is insufficient room * for the label. */ labelMaxChars?: number; /** * Latest limit for search. * Default value is 'now'. * Can be set to `null` to indicate an unset state, which displays "Select a time range". */ latest: string | null; /** * Remove rounding from the right side of the toggle. */ prepend?: boolean; /** Prevents user from accessing RealTime panel and RealTime presets. */ realTimeDisabled?: boolean; } type TimeRangeDropdownComponent = React.FC & { Advanced: typeof Dialog.Advanced; DateRange: typeof Dialog.DateRange; DateTimeRange: typeof Dialog.DateTimeRange; Presets: typeof Dialog.Presets; RealTime: typeof Dialog.RealTime; Relative: typeof Dialog.Relative; }; declare const TimeRange: TimeRangeDropdownComponent; export default TimeRange;