smart-webcomponents-angular
Version:
[](https://jqwidgets.com/license/)
117 lines (116 loc) • 6.72 kB
TypeScript
import { TimePicker } from './../index';
import { Animation, TimePickerFormat, TimePickerSelection, ViewLayout } from './../index';
import { AfterViewInit, ElementRef, OnInit, OnChanges, OnDestroy, SimpleChanges, EventEmitter } from '@angular/core';
import { BaseElement } from './smart.element';
import { ControlValueAccessor } from '@angular/forms';
import * as i0 from "@angular/core";
export { Animation, TimePickerFormat, TimePickerSelection, ViewLayout, ElementRenderMode } from './../index';
export { Smart } from './smart.element';
export { TimePicker } from './../index';
export declare class TimePickerComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges, ControlValueAccessor {
constructor(ref: ElementRef<TimePicker>);
private eventHandlers;
nativeElement: TimePicker;
/** @description Creates the component on demand.
* @param properties An optional object of properties, which will be added to the template binded ones.
*/
createComponent(properties?: {}): any;
/**
* @description
* The registered callback function called when a change event occurs on the form elements.
*/
_onChange: (value: any) => void;
/**
* @description
* The registered callback function called when a blur event occurs on the form elements.
*/
_onTouched: () => any;
/** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */
get animation(): Animation | string;
set animation(value: Animation | string);
/** @description Sets or gets whether after selecting hours, the element will automatically switch to minute selection. */
get autoSwitchToMinutes(): boolean;
set autoSwitchToMinutes(value: boolean);
/** @description Enables or disables the element. */
get disabled(): boolean;
set disabled(value: boolean);
/** @description Determines whether the footer section of the element is visible or not. */
get footer(): boolean;
set footer(value: boolean);
/** @description Sets or gets the footer template. The value of this property can be the id of an HTMLTemplateElement or the HTMLTemplateElement itself. If set to null, a default, empty, template is applied. */
get footerTemplate(): string | HTMLTemplateElement;
set footerTemplate(value: string | HTMLTemplateElement);
/** @description Determines the hour selection format. */
get format(): TimePickerFormat | string;
set format(value: TimePickerFormat | string);
/** @description Sets or gets the license which unlocks the product. */
get license(): string;
set license(value: string);
/** @description Sets or gets the language. Used in conjunction with the property messages. */
get locale(): string;
set locale(value: string);
/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */
get localizeFormatFunction(): any;
set localizeFormatFunction(value: any);
/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property language. */
get messages(): any;
set messages(value: any);
/** @description Sets or gets the step when selecting minutes. */
get minuteInterval(): number;
set minuteInterval(value: number);
/** @description Sets or gets the name attribute for the element. Name is used when submiting HTML forms. */
get name(): string;
set name(value: string);
/** @description Disables user interaction with the element. */
get readonly(): boolean;
set readonly(value: boolean);
/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */
get rightToLeft(): boolean;
set rightToLeft(value: boolean);
/** @description Determines the view that is currently being shown. By default the hours view is visible. */
get selection(): TimePickerSelection | string;
set selection(value: TimePickerSelection | string);
/** @description Determines the theme. Theme defines the look of the element */
get theme(): string;
set theme(value: string);
/** @description If is set to true, the element cannot be focused. */
get unfocusable(): boolean;
set unfocusable(value: boolean);
/** @description Sets or gets the value of the element. The value can be a valid Date object or a string representing a valid time. */
get value(): any;
set value(value: any);
/** @description Determines whether the element is in landscape or portrait mode. */
get view(): ViewLayout | string;
set view(value: ViewLayout | string);
/** @description This event is triggered when the value is changed.
* @param event. The custom event. Custom event was created with: event.detail( oldValue, value)
* oldValue - The old value before it was changed presented as a Date object.
* value - The new value presented as a Date object.
*/
onChange: EventEmitter<CustomEvent>;
/** @description Sets the hours.
* @param {number} hours. The hours to set.
*/
setHours(hours: number): void;
/** @description Sets the minutes.
* @param {number} minutes. The minutes to set.
*/
setMinutes(minutes: number): void;
get isRendered(): boolean;
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
_initialChange: boolean;
get ngValue(): any;
set ngValue(value: any);
writeValue(value: any): void;
registerOnChange(fn: any): void;
registerOnTouched(fn: any): void;
ngOnChanges(changes: SimpleChanges): void;
/** @description Add event listeners. */
private listen;
/** @description Remove event listeners. */
private unlisten;
static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<TimePickerComponent, "smart-time-picker, [smart-time-picker]", ["smart-time-picker"], { "animation": "animation"; "autoSwitchToMinutes": "autoSwitchToMinutes"; "disabled": "disabled"; "footer": "footer"; "footerTemplate": "footerTemplate"; "format": "format"; "license": "license"; "locale": "locale"; "localizeFormatFunction": "localizeFormatFunction"; "messages": "messages"; "minuteInterval": "minuteInterval"; "name": "name"; "readonly": "readonly"; "rightToLeft": "rightToLeft"; "selection": "selection"; "theme": "theme"; "unfocusable": "unfocusable"; "value": "value"; "view": "view"; }, { "onChange": "onChange"; }, never>;
}