@redkhat/timepicker/lib/timepicker-input-label.d.ts

This project contains a series of time selection components. The timepicker allows users to select a time from a clock-like interface. The timepicker is built using **Angular 19+** and **Angular Material 19+**.

import { ElementRef, ModelSignal } from '@angular/core';
import * as i0 from "@angular/core";
export declare class RkTimepickerInputLabel {
    currentTime: ModelSignal<Date | null>;
    selected: ModelSignal<string>;
    period: ModelSignal<string>;
    format: ModelSignal<string>;
    editable: ModelSignal<boolean>;
    hours: import("@angular/core").WritableSignal<string>;
    minutes: import("@angular/core").WritableSignal<string>;
    inputSupportLabels: import("@angular/core").InputSignal<string[]>;
    inputHours: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
    inputMinutes: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
    readonly value: import("@angular/core").Signal<{
        hours: number;
        minutes: number;
    }>;
    constructor();
    onHoursInput(event: Event | string): void;
    onMinutesInput(event: Event | string): void;
    onHoursBlur(): void;
    onMinutesBlur(): void;
    updateModel(): void;
    handleKeydown(event: KeyboardEvent, selected: string): void;
    selectedChange(selected: string): void;
    periodSelector(period: string): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<RkTimepickerInputLabel, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<RkTimepickerInputLabel, "rk-timepicker-input-label", never, { "currentTime": { "alias": "time"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "period": { "alias": "period"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "inputSupportLabels": { "alias": "inputLabels"; "required": false; "isSignal": true; }; }, { "currentTime": "timeChange"; "selected": "selectedChange"; "period": "periodChange"; "format": "formatChange"; "editable": "editableChange"; }, never, never, true, never>;
}