Timepicker — API

import { KbqTimepickerModule } from '@koobiq/components/timepicker';

Directives

KbqTimepicker

directive

 @Directive({ selector: 'input[kbqTimepicker]', exportAs: 'kbqTimepicker' })
class KbqTimepicker<D> implements KbqFormFieldControl<D>, ControlValueAccessor, Validator {
    readonly errorStateMatcher = input<ErrorStateMatcher>();
    readonly disabled = input<boolean>(false);
    readonly id = input<string | undefined>();
    readonly format = input<TimeFormats>(DEFAULT_TIME_FORMAT);
    readonly min = input<D | null>(null);
    readonly max = input<D | null>(null);
    readonly value = input<D | null | undefined>();
    readonly kbqValidationTooltip = input<KbqTooltipTrigger | undefined>();
    readonly incorrectInput = output<void>();
    get hasSelection(): boolean;
    get isFullFormat(): boolean;
    get isShortFormat(): boolean;
    get viewValue(): string;
    get ngControl(): any;
    selectionStart: number | null;
    selectionEnd: number | null;
    get timeFormatPlaceholder(): string;
    onInput: () => void;
    getSize(): number;
    focus(): void;
    focusChanged(isFocused: boolean): void;
    onBlur(): void;
    onPaste($event: any): void;
    onKeyDown(event: KeyboardEvent): void;
    validate(control: AbstractControl): ValidationErrors | null;
    registerOnValidatorChange(fn: () => void): void;
}

errorStateMatcherinputСкопировать ссылку на errorStateMatcherErrorStateMatcher: Object used to control when error messages are shown.
disabledinputСкопировать ссылку на disabledboolean: Whether the timepicker is disabled. Also set by the bound form control.
idinputСкопировать ссылку на idstring | undefined: Unique id of the element, generated when not provided.
formatinputСкопировать ссылку на formatTimeFormats: Time format the input parses and renders. An unsupported value falls back to the default.
mininputСкопировать ссылку на minD | null: Earliest time the control accepts. Anything the date adapter cannot read is treated as unset.
maxinputСкопировать ссылку на maxD | null: Latest time the control accepts. Anything the date adapter cannot read is treated as unset.
valueinputСкопировать ссылку на valueD | null | undefined: The time the control holds: set with [value], by the form control and by typing.
kbqValidationTooltipinputСкопировать ссылку на kbqValidationTooltipKbqTooltipTrigger | undefined: Tooltip shown for a moment whenever a keystroke is rejected.
localeOverridesinputСкопировать ссылку на localeOverridesKbqPartialLocaleData | undefined: Localized strings for this element and its subtree, keyed by locale section. Every key is optional at every depth.
timeFormatPlaceholderСкопировать ссылку на timeFormatPlaceholderstring: Localized placeholder

Enums

TimeFormats

enum

 enum TimeFormats {
    HHmmss = 'HH:mm:ss',
    HHmm = 'HH:mm'
}

TimeParts

enum

 enum TimeParts {
    hours,
    minutes,
    seconds
}

Constants

AM_PM_FORMAT_REGEXP

const

const AM_PM_FORMAT_REGEXP: RegExp;

DEFAULT_TIME_FORMAT

const

const DEFAULT_TIME_FORMAT: TimeFormats;

HOURS_MINUTES_REGEXP

const

const HOURS_MINUTES_REGEXP: RegExp;

HOURS_MINUTES_SECONDS_REGEXP

const

const HOURS_MINUTES_SECONDS_REGEXP: RegExp;

HOURS_ONLY_REGEXP

const

const HOURS_ONLY_REGEXP: RegExp;

HOURS_PER_DAY

const

const HOURS_PER_DAY: number;

kbqTimepickerLocaleConfigurationProvider

const

Utility provider for KBQ_TIMEPICKER_LOCALE_CONFIGURATION. Only the strings you pass are overridden; the rest keep following the active locale.

 const kbqTimepickerLocaleConfigurationProvider: (
    configuration: KbqDeepPartial<KbqTimepickerLocaleConfiguration>
) => Provider;

MINUTES_PER_HOUR

const

const MINUTES_PER_HOUR: number;

SECONDS_PER_MINUTE

const

const SECONDS_PER_MINUTE: number;

TIMEFORMAT_PLACEHOLDERS

const

const TIMEFORMAT_PLACEHOLDERS: { [timeFormat: string]: string };

TimeFormatToLocaleKeys

const

Object that maps each time format to a related locale key

const TimeFormatToLocaleKeys: Record<TimeFormats, 'full' | 'short'>;

Если вы нашли ошибку или хотите доработать статью, создайте запрос на GitHub.