/*! * devextreme-angular * Version: 19.1.16 * Build date: Tue Oct 18 2022 * * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/devextreme-angular */ import { TransferState } from '@angular/platform-browser'; import { ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core'; import DevExpress from 'devextreme/bundles/dx.all'; import DxDateBox from 'devextreme/ui/date_box'; import { ControlValueAccessor } from '@angular/forms'; import { DxComponent } from '../core/component'; import { DxTemplateHost } from '../core/template-host'; import { NestedOptionHost } from '../core/nested-option'; import { WatcherHelper } from '../core/watcher-helper'; import { IterableDifferHelper } from '../core/iterable-differ-helper'; import { DxiButtonComponent } from './nested/button-dxi'; /** * The DateBox is a widget that displays date and time in a specified format, and enables a user to pick or type in the required date/time value. */ export declare class DxDateBoxComponent extends DxComponent implements OnDestroy, ControlValueAccessor, OnChanges, DoCheck { private _watcherHelper; private _idh; instance: DxDateBox; /** * Specifies whether or not the widget allows an end-user to enter a custom value. */ acceptCustomValue: boolean; /** * Specifies the shortcut key that sets focus on the widget. */ accessKey: string; /** * Specifies whether or not the widget changes its state when interacting with a user. */ activeStateEnabled: boolean; /** * Specifies whether or not adaptive widget rendering is enabled on a small screen. */ adaptivityEnabled: boolean; /** * The text displayed on the Apply button. */ applyButtonText: string; /** * Specifies the way an end-user applies the selected value. */ applyValueMode: string; /** * Allows you to add custom buttons to the input text field. */ buttons: Array; /** * Configures the calendar's value picker. Applies only if the pickerType is "calendar". */ calendarOptions: DevExpress.ui.dxCalendarOptions; /** * The text displayed on the Cancel button. */ cancelButtonText: string; /** * Specifies the message displayed if the specified date is later than the max value or earlier than the min value. */ dateOutOfRangeMessage: string; /** * Specifies the date-time value serialization format. Use it only if you do not specify the value at design time. */ dateSerializationFormat: string; /** * Specifies whether to render the drop-down field's content when it is displayed. If false, the content is rendered immediately. */ deferRendering: boolean; /** * Specifies whether the widget responds to user interaction. */ disabled: boolean; /** * Specifies dates to be disabled. Applies only if pickerType is "calendar". */ disabledDates: Function | Array; /** * Specifies the date display format. Ignored if the pickerType option is "native" */ displayFormat: DevExpress.ui.format | string; /** * Specifies a custom template for the drop-down button. */ dropDownButtonTemplate: any; /** * Specifies the attributes to be attached to the widget's root element. */ elementAttr: any; /** * Specifies whether the widget can be focused using keyboard navigation. */ focusStateEnabled: boolean; /** * Specifies the widget's height. */ height: number | Function | string; /** * Specifies text for a hint that appears when a user pauses on the widget. */ hint: string; /** * Specifies whether the widget changes its state when a user pauses on it. */ hoverStateEnabled: boolean; /** * Specifies the attributes to be passed on to the underlying HTML element. */ inputAttr: any; /** * Specifies the interval between neighboring values in the popup list in minutes. */ interval: number; /** * Specifies the message displayed if the typed value is not a valid date or time. */ invalidDateMessage: string; /** * Specifies whether the editor's value is valid. */ isValid: boolean; /** * The last date that can be selected within the widget. */ max: Date | number | string; /** * Specifies the maximum number of characters you can enter into the textbox. */ maxLength: number | string; /** * Use the calendarOptions option instead. */ maxZoomLevel: string; /** * The minimum date that can be selected within the widget. */ min: Date | number | string; /** * Use the calendarOptions option instead. */ minZoomLevel: string; /** * The value to be assigned to the `name` attribute of the underlying HTML element. */ name: string; /** * Specifies whether or not the drop-down editor is displayed. */ opened: boolean; /** * Specifies whether a user can open the drop-down list by clicking a text field. */ openOnFieldClick: boolean; /** * Specifies the type of the date/time picker. */ pickerType: string; /** * Specifies a placeholder for the input field. */ placeholder: string; /** * Specifies whether the editor is read-only. */ readOnly: boolean; /** * Switches the widget to a right-to-left representation. */ rtlEnabled: boolean; /** * Specifies whether to show the analog clock in the value picker. Applies only if type is "datetime" and pickerType is "calendar". */ showAnalogClock: boolean; /** * Specifies whether to display the Clear button in the widget. */ showClearButton: boolean; /** * Specifies whether the drop-down button is visible. */ showDropDownButton: boolean; /** * Specifies whether or not the widget checks the inner text for spelling mistakes. */ spellcheck: boolean; /** * Specifies how the widget's text field is styled. */ stylingMode: string; /** * Specifies the number of the element when the Tab key is used for navigating. */ tabIndex: number; /** * The read-only option that holds the text displayed by the widget input element. */ text: string; /** * A format used to display date/time information. */ type: string; /** * Specifies whether to control user input using a mask created based on the displayFormat. */ useMaskBehavior: boolean; /** * Specifies information on the validation error when using a custom validation engine. Should be changed at runtime along with the isValid option. */ validationError: any; /** * Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */ validationMessageMode: string; /** * An object or a value specifying the date and time currently selected using the date box. */ value: Date | number | string; /** * Specifies the DOM events after which the widget's value should be updated. */ valueChangeEvent: string; /** * Specifies whether the widget is visible. */ visible: boolean; /** * Specifies the widget's width. */ width: number | Function | string; /** * A function that is executed when the widget loses focus after the text field's content was changed using the keyboard. */ onChange: EventEmitter; /** * A function that is executed once the drop-down editor is closed. */ onClosed: EventEmitter; /** * A function that is executed when the widget's content is ready and each time the content is changed. */ onContentReady: EventEmitter; /** * A function that is executed when the widget's input has been copied. */ onCopy: EventEmitter; /** * A function that is executed when the widget's input has been cut. */ onCut: EventEmitter; /** * A function that is executed before the widget is disposed of. */ onDisposing: EventEmitter; /** * A function that is executed when the Enter key has been pressed while the widget is focused. */ onEnterKey: EventEmitter; /** * A function that is executed when the widget gets focus. */ onFocusIn: EventEmitter; /** * A function that is executed when the widget loses focus. */ onFocusOut: EventEmitter; /** * A function used in JavaScript frameworks to save the widget instance. */ onInitialized: EventEmitter; /** * A function that is executed each time the widget's input is changed while the widget is focused. */ onInput: EventEmitter; /** * A function that is executed when a user is pressing a key on the keyboard. */ onKeyDown: EventEmitter; /** * A function that is executed when a user presses a key on the keyboard. */ onKeyPress: EventEmitter; /** * A function that is executed when a user releases a key on the keyboard. */ onKeyUp: EventEmitter; /** * A function that is executed once the drop-down editor is opened. */ onOpened: EventEmitter; /** * A function that is executed after a widget option is changed. */ onOptionChanged: EventEmitter; /** * A function that is executed when the widget's input has been pasted. */ onPaste: EventEmitter; /** * A function that is executed after the widget's value is changed. */ onValueChanged: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ acceptCustomValueChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ accessKeyChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ activeStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ adaptivityEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ applyButtonTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ applyValueModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ buttonsChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ calendarOptionsChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cancelButtonTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dateOutOfRangeMessageChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dateSerializationFormatChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ deferRenderingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledDatesChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ displayFormatChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dropDownButtonTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ elementAttrChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ focusStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ heightChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hintChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hoverStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ inputAttrChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ intervalChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ invalidDateMessageChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ isValidChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ maxChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ maxLengthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ maxZoomLevelChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ minChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ minZoomLevelChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ nameChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ openedChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ openOnFieldClickChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pickerTypeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ placeholderChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ readOnlyChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rtlEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showAnalogClockChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showClearButtonChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showDropDownButtonChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ spellcheckChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ stylingModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tabIndexChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ textChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ typeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ useMaskBehaviorChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ validationErrorChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ validationMessageModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ valueChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ valueChangeEventChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ visibleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ widthChange: EventEmitter; onBlur: EventEmitter; change(_: any): void; touched: (_: any) => void; buttonsChildren: QueryList; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxDateBox; writeValue(value: any): void; setDisabledState(isDisabled: boolean): void; registerOnChange(fn: (_: any) => void): void; registerOnTouched(fn: () => void): void; _createWidget(element: any): void; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; } export declare class DxDateBoxModule { }