@kelvininc/ui-components
Version:
Kelvin UI Components
62 lines (61 loc) • 1.92 kB
TypeScript
import { EventEmitter } from '../../stencil-public-runtime';
import { EValidationState } from '../text-field/text-field.types';
import { EComponentSize, EIconName } from '../../types';
import { EDateTimeInputTypeStyle, IDateTimeInput, IDateTimeInputEvents } from './date-time-input.types';
export declare class KvDateTimeInput implements IDateTimeInput, IDateTimeInputEvents {
el: HTMLKvDateTimeInputElement;
/** @inheritdoc */
label?: string;
/** @inheritdoc */
inputName?: string;
/** @inheritdoc */
placeholder?: string;
/** @inheritdoc */
dateFormat?: string;
/** @inheritdoc */
value?: string | null;
/** @inheritdoc */
useInputMask?: boolean;
/** @inheritdoc */
size: EComponentSize;
/** @inheritdoc */
forcedFocus: boolean;
/** @inheritdoc */
highlighted: boolean;
/** @inheritdoc */
disabled: boolean;
/** @inheritdoc */
required: boolean;
/** @inheritdoc */
state: EValidationState;
/** @inheritdoc */
helpText: string | string[];
/** @inheritdoc */
inputStyleType?: EDateTimeInputTypeStyle;
/** @inheritdoc */
leftIcon?: EIconName;
/** @inheritdoc */
rightIcon?: EIconName;
focused: boolean;
private nativeInput?;
/** @inheritdoc */
textChange: EventEmitter<string>;
/** @inheritdoc */
dateTimeBlur: EventEmitter<string>;
/** @inheritdoc */
inputFocus: EventEmitter<FocusEvent>;
/** @inheritdoc */
rightIconClick: EventEmitter<string>;
forcedFocusChangeHandler(newValue: boolean): void;
handleUseInputMask(useInputMaskValue: boolean): void;
componentWillLoad(): void;
componentDidLoad(): void;
private getInputMaskConfig;
private createInputMaskInstance;
private onInputHandler;
private onBlurHandler;
private onFocusHandler;
private onRightIconClickHandler;
private getValue;
render(): any;
}