import { default as React } from 'react'; import { PopoverContentProps } from '../../../../tedi'; type IntervalType = 'day' | 'week' | 'year'; interface TimelineProps { /** * The initial date where the timeline needle should be positioned. * This determines the starting point of the interactive timeline cursor. */ initialDate: Date; /** * The minimum date (start) of the timeline range. * This defines the leftmost (or topmost in vertical mode) boundary of the timeline. * The timeline cannot scroll or select dates before this date. */ minDate: Date; /** * The maximum date (end) of the timeline range. * This defines the rightmost (or bottommost in vertical mode) boundary of the timeline. * The timeline cannot scroll or select dates after this date. */ maxDate: Date; /** * The time interval between ticks on the timeline. * * Options: * - "day": Shows daily intervals (24 hours) * - "week": Shows weekly intervals (7 days) * - "year": Shows yearly intervals (365 days) * * This affects both the density of minor ticks and the frequency of major labeled ticks. */ interval: IntervalType; /** * Optional configuration for rendering additional content in a popover. * When provided, the clock component becomes clickable and shows this popover content. * * Structure: * - `children`: React node to render inside the popover * - `title`: Optional popover header text * - Other Popover component props as needed */ popover?: PopoverContentProps; /** * Controls the orientation of the timeline. * * - When `false` (default): Renders horizontally with: * - Ticks on bottom * - Time flowing left-to-right * * - When `true`: Renders vertically with: * - Ticks on left side * - Time flowing top-to-bottom * - Needle on right side */ vertical?: boolean; } export declare const Timeline: React.FC; export default Timeline;