/** * DevExtreme (ui/date_box.d.ts) * Version: 21.1.7 * Build date: Thu Aug 07 2025 * * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ import { UserDefinedElement, } from '../core/element'; import { EventInfo, NativeEventInfo, InitializedEventInfo, ChangedOptionInfo, } from '../events/index'; import { ComponentDisabledDate, dxCalendarOptions, } from './calendar'; import dxDropDownEditor, { dxDropDownEditorOptions, DropDownButtonTemplateDataModel, } from './drop_down_editor/ui.drop_down_editor'; import { ValueChangedInfo, } from './editor/editor'; import { format, } from './widget/ui.widget'; /** @public */ export type ChangeEvent = NativeEventInfo; /** @public */ export type ClosedEvent = EventInfo; /** @public */ export type ContentReadyEvent = EventInfo; /** @public */ export type CopyEvent = NativeEventInfo; /** @public */ export type CutEvent = NativeEventInfo; /** @public */ export type DisposingEvent = EventInfo; /** @public */ export type EnterKeyEvent = NativeEventInfo; /** @public */ export type FocusInEvent = NativeEventInfo; /** @public */ export type FocusOutEvent = NativeEventInfo; /** @public */ export type InitializedEvent = InitializedEventInfo; /** @public */ export type InputEvent = NativeEventInfo; /** @public */ export type KeyDownEvent = NativeEventInfo; /** @public */ export type KeyPressEvent = NativeEventInfo; /** @public */ export type KeyUpEvent = NativeEventInfo; /** @public */ export type OpenedEvent = EventInfo; /** @public */ export type OptionChangedEvent = EventInfo & ChangedOptionInfo; /** @public */ export type PasteEvent = NativeEventInfo; /** @public */ export type ValueChangedEvent = NativeEventInfo & ValueChangedInfo; /** @public */ export type DisabledDate = ComponentDisabledDate; /** @public */ export type DropDownButtonTemplateData = DropDownButtonTemplateDataModel; /** * @deprecated use Properties instead * @namespace DevExpress.ui */ export interface dxDateBoxOptions extends dxDropDownEditorOptions { /** * @docid * @default false * @public */ adaptivityEnabled?: boolean; /** * @docid * @default "OK" * @public */ applyButtonText?: string; /** * @docid * @default {} * @public */ calendarOptions?: dxCalendarOptions; /** * @docid * @default "Cancel" * @public */ cancelButtonText?: string; /** * @docid * @default "Value is out of range" * @public */ dateOutOfRangeMessage?: string; /** * @docid * @default undefined * @public */ dateSerializationFormat?: string; /** * @docid * @default null * @type_function_param1 data:object * @type_function_param1_field1 component:dxDateBox * @type_function_param1_field2 date:Date * @type_function_param1_field3 view:string * @public */ disabledDates?: Array | ((data: DisabledDate) => boolean); /** * @docid * @default null * @public */ displayFormat?: format; /** * @docid * @default 30 * @public */ interval?: number; /** * @docid * @default "Value must be a date or time" * @public */ invalidDateMessage?: string; /** * @docid * @default undefined * @public */ max?: Date | number | string; /** * @docid * @default undefined * @public */ min?: Date | number | string; /** * @docid * @type Enums.DateBoxPickerType * @default 'calendar' * @default 'native' &for(iOS) * @default 'native' &for(Android) * @default 'rollers' &for(Android_below_version_4.4) * @default 'rollers' &for(mobile_devices) * @public */ pickerType?: 'calendar' | 'list' | 'native' | 'rollers'; /** * @docid * @default "" * @public */ placeholder?: string; /** * @docid * @default true * @public */ showAnalogClock?: boolean; /** * @docid * @type Enums.DateBoxType * @default "date" * @public */ type?: 'date' | 'datetime' | 'time'; /** * @docid * @default false * @public */ useMaskBehavior?: boolean; /** * @docid * @default null * @public */ value?: Date | number | string; } /** * @docid * @isEditor * @inherits dxDropDownEditor * @namespace DevExpress.ui * @public */ export default class dxDateBox extends dxDropDownEditor { constructor(element: UserDefinedElement, options?: dxDateBoxOptions) /** * @docid * @publicName close() * @public */ close(): void; /** * @docid * @publicName open() * @public */ open(): void; } /** @public */ export type Properties = dxDateBoxOptions; /** @deprecated use Properties instead */ export type Options = dxDateBoxOptions; /** @deprecated use Properties instead */ export type IOptions = dxDateBoxOptions;