import React from 'react'; import { AlignSpec, Base, CalendarPanel, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DatePicker, DatePickerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Month, MonthConfig, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt'; import { processWidgetContent } from './WrapperHelper.js'; export declare type BryntumDatePickerProps = { activeDate?: Date | 'today' | string; adopt?: HTMLElement | string; align?: AlignSpec | string; alignSelf?: string; anchor?: boolean; animateTimeShift?: boolean; appendTo?: HTMLElement | string; ariaDescription?: string; ariaLabel?: string; autoUpdateRecord?: boolean; bbar?: (ContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null; bodyCls?: string | object; border?: boolean; bubbleEvents?: object; callOnFunctions?: boolean; catchEventHandlerExceptions?: boolean; cellRenderer?: ((renderData: { cell: HTMLElement; innerCell: HTMLElement; cellPayload: HTMLElement; date: Date; day: number; rowIndex: number[]; row: HTMLElement; source: CalendarPanel; cellIndex: number[]; columnIndex: number[]; visibleColumnIndex: number[]; }) => string | DomConfig | void) | string; centered?: boolean | object; cls?: string | object; collapsed?: boolean; collapsible?: boolean | PanelCollapserConfig | PanelCollapserOverlayConfig; color?: Color; column?: number; config?: object; constrainTo?: HTMLElement | Widget | Rectangle; content?: string; contentElementCls?: string | object; dataField?: string; dataset?: Record; date?: Date | string; dayNameFormat?: string; defaultBindProperty?: string; defaultFocus?: ((widget: Widget) => boolean) | string; defaults?: ContainerItemConfig; detectCSSCompatibilityIssues?: boolean; disabled?: boolean | 'inert'; disabledCls?: string; disabledDates?: ((date: Date) => boolean) | string | Date[] | string[]; disableNonWorkingDays?: boolean; disableOtherMonthCells?: boolean; disableWeekends?: boolean; dock?: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object; draggable?: boolean | object; dragSelect?: boolean; drawer?: boolean | { side?: 'start' | 'left' | 'end' | 'right' | 'top' | 'bottom'; size?: string | number; inline?: boolean; autoClose?: boolean | { mousedown?: boolean | string; focusout?: boolean | string; mouseout?: string; }; autoCloseDelay?: number; }; editMonth?: boolean; elementAttributes?: Record; extraData?: any; flex?: number | string; floating?: boolean; focusDisabledDates?: boolean; footer?: object | string; header?: string | boolean | PanelHeader; headerRenderer?: ((cell: HTMLElement, columnIndex: number, weekDay: number) => string | DomConfig | void) | string; height?: string | number; hidden?: boolean; hideAnimation?: boolean | object; hideOtherMonthCells?: boolean; hideWhenEmpty?: boolean; highlightSelectedWeek?: boolean; html?: string | ((widget: Widget) => void) | DomConfig | DomConfig[] | VueConfig | ReactJSX; htmlCls?: string | object; icon?: string | DomConfig; id?: string; ignoreParentReadOnly?: boolean; includeYear?: boolean; inputFieldAlign?: 'start' | 'end'; insertBefore?: HTMLElement | string; insertFirst?: HTMLElement | string; itemCls?: string; items?: Record | (ContainerItemConfig | MenuItemEntry | Widget)[]; keyMap?: Record; labelPosition?: 'before' | 'above' | 'align-before' | 'auto' | null; labelWidth?: number | null; layout?: string | ContainerLayoutConfig; layoutStyle?: object; lazyItems?: Record | ContainerItemConfig[] | Widget[]; listeners?: DatePickerListeners; localeClass?: typeof Base; localizable?: boolean; localizableProperties?: string[]; margin?: number | string; maskDefaults?: MaskConfig; masked?: boolean | string | MaskConfig; maxDate?: Date; maxHeight?: string | number; maximizeOnMobile?: number | string; maxWidth?: string | number; minColumnWidth?: number; minDate?: Date; minHeight?: string | number; minRowHeight?: number | string; minWidth?: string | number; monitorResize?: boolean | object; month?: Month | MonthConfig; monthButtonFormat?: string; multiSelect?: boolean | 'range' | 'simple'; namedItems?: Record; nonWorkingDayCls?: string; nonWorkingDays?: Record; otherMonthCls?: string; overflowTwinConfig?: OverflowTwinConfig | null; positioned?: boolean; preventTooltipOnTouch?: boolean; readOnly?: boolean; record?: Model; relayStoreEvents?: boolean; rendition?: string | Record | null; ripple?: boolean | object; role?: string; rootElement?: ShadowRoot | HTMLElement; rtl?: boolean; scrollable?: boolean | ScrollerConfig | Scroller; scrollAction?: 'hide' | 'realign' | null; selection?: Date[] | string[]; shadePastDates?: boolean; showAnimation?: boolean | object; showTooltipWhenDisabled?: boolean; showWeekColumn?: boolean; sixWeeks?: boolean; span?: number; stateful?: boolean | object | string[]; statefulEvents?: object | string[]; stateId?: string | null; stateProvider?: StateProvider; strictRecordMapping?: boolean; strips?: Record; tab?: boolean | TabConfig; tabBarItems?: ToolbarItems[] | Widget[]; tag?: string; tbar?: (ContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null; textAlign?: 'left' | 'center' | 'right' | 'start' | 'end'; textContent?: boolean; tip?: TooltipConfig; title?: string; todayCls?: string; tools?: Record | null; tooltip?: string | TooltipConfig | null; trapFocus?: boolean; type?: 'datepicker'; ui?: 'plain' | 'toolbar' | string | object; weekColumnHeader?: string; weekendCls?: string; weekRenderer?: ((weekCell: HTMLElement, week: number[]) => string | DomConfig | void) | string; weekStartDay?: number; weight?: number; width?: string | number; x?: number; y?: number; onBeforeDestroy?: ((event: { source: Base; }) => void) | string; onBeforeHide?: ((event: { source: Widget; }) => boolean | void) | string; onBeforeRefresh?: ((event: { source: DatePicker; }) => void) | string; onBeforeSetRecord?: ((event: { source: Container; record: Model; }) => void) | string; onBeforeShow?: ((event: { source: Widget | any; }) => Promise | boolean | void) | string; onBeforeStateApply?: ((event: { state: any; }) => boolean | void) | string; onBeforeStateSave?: ((event: { state: any; }) => boolean | void) | string; onCatchAll?: ((event: { [key: string]: any; type: string; }) => void) | string; onCellClick?: ((event: { cell: HTMLElement; date: Date; week: number[]; domEvent: Event; }) => void) | string; onCollapse?: ((event: { source: Panel; }) => void) | string; onDateChange?: ((event: { value: Date; oldValue: Date; changes: { d: boolean; w: boolean; m: boolean; y: boolean; }; }) => void) | string; onDestroy?: ((event: { source: Base; }) => void) | string; onDirtyStateChange?: ((event: { source: Container; dirty: boolean; }) => void) | string; onElementCreated?: ((event: { element: HTMLElement; }) => void) | string; onExpand?: ((event: { source: Panel; }) => void) | string; onFocusIn?: ((event: { source: Widget; fromElement: HTMLElement; toElement: HTMLElement; fromWidget: Widget; toWidget: Widget; backwards: boolean; }) => void) | string; onFocusOut?: ((event: { source: Widget; fromElement: HTMLElement; toElement: HTMLElement; fromWidget: Widget; toWidget: Widget; backwards: boolean; }) => void) | string; onHide?: ((event: { source: Widget; }) => void) | string; onPaint?: ((event: { source: Widget; firstPaint: boolean; }) => void) | string; onReadOnly?: ((event: { readOnly: boolean; }) => void) | string; onRecompose?: (() => void) | string; onRefresh?: (() => void) | string; onResize?: ((event: { source: Widget; width: number; height: number; oldWidth: number; oldHeight: number; }) => void) | string; onSelectionChange?: ((event: { selection: Date[]; oldSelection: Date[]; userAction: boolean; }) => void) | string; onShow?: ((event: { source: Widget; }) => void) | string; onToolClick?: ((event: { source: Tool; tool: Tool; }) => void) | string; onWeekCellClick?: ((event: { date: Date; week: number[]; domEvent: Event; }) => void) | string; }; export declare class BryntumDatePicker extends React.Component { static instanceClass: typeof DatePicker; static instanceName: string; processWidgetContent: typeof processWidgetContent; static configNames: string[]; static propertyConfigNames: string[]; static propertyNames: string[]; instance: DatePicker; element: HTMLElement; componentDidMount(): void; componentWillUnmount(): void; shouldComponentUpdate(nextProps: Readonly, nextState: Readonly<{}>): boolean; render(): React.ReactNode; }