@progress/kendo-angular-dateinputs
Version:
Kendo UI for Angular Date Inputs Package - Everything you need to add date selection functionality to apps (DatePicker, TimePicker, DateInput, DateRangePicker, DateTimePicker, Calendar, and MultiViewCalendar).
186 lines (185 loc) • 6.25 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, QueryList, OnInit, OnChanges, OnDestroy, Renderer2 } from '@angular/core';
import { LocalizationService } from '@progress/kendo-angular-l10n';
import { IntlService } from '@progress/kendo-angular-intl';
import { TimeListComponent } from './timelist.component';
import { TimePickerDOMService } from './services/dom.service';
import { TimePickerIncrementalSteps } from './models/incremental-steps.model';
import { PickerService } from '../common/picker.service';
import * as i0 from "@angular/core";
/**
* @hidden
*
* Represents the Kendo UI TimeSelector component for Angular.
*/
export declare class TimeSelectorComponent implements OnChanges, OnInit, OnDestroy {
localization: LocalizationService;
private cdr;
element: ElementRef;
intl: IntlService;
dom: TimePickerDOMService;
private zone;
private renderer;
private pickerService?;
accept: ElementRef;
cancel: ElementRef;
now: ElementRef;
timeLists: QueryList<TimeListComponent>;
timeListWrappers: QueryList<ElementRef>;
/**
* @hidden
*/
get disabledClass(): boolean;
/**
* Specifies the time format that displays the time list columns.
*
* @default 't'
*/
format: string;
/**
* Sets the smallest valid time value.
*/
min: Date;
/**
* Sets the largest valid time value.
*/
max: Date;
/**
* Controls the display of the **Cancel** button in the popup.
*
* @default true
*/
cancelButton: boolean;
/**
* Controls the display of the **Set** button in the popup.
*
* @default true
*/
setButton: boolean;
/**
* Controls the display of the **Now** button in the popup.
*
* When the current time is out of range or the incremental step is greater than `1`, the **Now** button is hidden.
*
* @default true
*/
nowButton: boolean;
/**
* Sets the `disabled` property of the `TimeSelector` and controls whether the component is active.
*
* @default false
*/
disabled: boolean;
/**
* Sets the adaptive mode for the component.
* Use this property to enable proper height calculation in the DOM service.
*/
isAdaptiveEnabled: boolean;
/**
* Specifies whether the component is used as part of a DateTimePicker.
*/
isDateTimePicker: boolean;
/**
* Configures the incremental steps of the TimeSelector.
*
* When the incremental step is greater than `1`, the **Now** button is hidden.
*/
set steps(steps: TimePickerIncrementalSteps);
get steps(): TimePickerIncrementalSteps;
/**
* Specifies the value of the TimeSelector component.
*/
value: Date;
/**
* Fires each time the user selects a new value.
*/
valueChange: EventEmitter<Date>;
/**
* Fires each time the user cancels the selected value.
*/
valueReject: EventEmitter<any>;
tabOutLastPart: EventEmitter<any>;
tabOutFirstPart: EventEmitter<any>;
tabOutNow: EventEmitter<any>;
dateFormatParts: any[];
isActive: boolean;
showNowButton: boolean;
set current(value: Date);
get current(): Date;
get activeListIndex(): number;
set activeListIndex(value: number);
private mergeValue;
private snapTime;
private _activeListIndex;
private _current;
private _steps;
private subscriptions;
private domEvents;
constructor(localization: LocalizationService, cdr: ChangeDetectorRef, element: ElementRef, intl: IntlService, dom: TimePickerDOMService, zone: NgZone, renderer: Renderer2, pickerService?: PickerService);
/**
* @hidden
*/
ngOnInit(): void;
/**
* @hidden
*/
ngOnChanges(): void;
ngOnDestroy(): void;
/**
* Focuses the TimeSelector component.
*/
focus(): void;
/**
* Blurs the TimeSelector component.
*/
blur(): void;
/**
* @hidden
*/
handleAccept(): void;
/**
* @hidden
*/
handleNow(): void;
/**
* @hidden
*/
handleReject(): void;
/**
* @hidden
*/
handleFocus(args: any): void;
/**
* @hidden
*/
handleListFocus(args: any): void;
/**
* @hidden
*/
handleBlur(args: any): void;
/**
* @hidden
*/
containsElement(element: any): boolean;
/**
* @hidden
*/
handleTabOut(event: KeyboardEvent): void;
partStep(part: any): number;
private init;
private focusList;
private handleChange;
private hasActiveButton;
private hasSteps;
private intlChange;
private bindEvents;
private handleKeydown;
private emitBlur;
private emitFocus;
private listIndex;
static ɵfac: i0.ɵɵFactoryDeclaration<TimeSelectorComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<TimeSelectorComponent, "kendo-timeselector", ["kendo-timeselector"], { "format": { "alias": "format"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "cancelButton": { "alias": "cancelButton"; "required": false; }; "setButton": { "alias": "setButton"; "required": false; }; "nowButton": { "alias": "nowButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isAdaptiveEnabled": { "alias": "isAdaptiveEnabled"; "required": false; }; "isDateTimePicker": { "alias": "isDateTimePicker"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "valueReject": "valueReject"; "tabOutLastPart": "tabOutLastPart"; "tabOutFirstPart": "tabOutFirstPart"; "tabOutNow": "tabOutNow"; }, never, never, true, never>;
}