UNPKG

@redkhat/timepicker

Version:

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+**.

43 lines (42 loc) 2.82 kB
import { InputSignal, TemplateRef, OutputEmitterRef, Signal } from '@angular/core'; import { RkTimepickerInput } from './timepicker-input'; import * as i0 from "@angular/core"; export declare class RkTimepicker { selected: import("@angular/core").ModelSignal<string>; format: import("@angular/core").ModelSignal<string>; period: import("@angular/core").ModelSignal<string>; editable: import("@angular/core").ModelSignal<boolean>; orientation: import("@angular/core").ModelSignal<string>; _inputSupportLabels: InputSignal<string[]>; _headline: InputSignal<string[]>; _actions: InputSignal<string[]>; /** Whether the timepicker is currently disabled. */ readonly disabled: Signal<boolean>; readonly defaultTime: InputSignal<Date | null>; readonly load: import("@angular/core").WritableSignal<boolean>; readonly isLandscape: Signal<boolean>; readonly headline: Signal<string>; protected _panelTemplate: Signal<TemplateRef<unknown>>; private _dialogRef; private _input; private _isOpen; currentTime: import("@angular/core").WritableSignal<Date | null>; animated: import("@angular/core").WritableSignal<boolean>; /** Emits when the timepicker is opened. */ readonly opened: OutputEmitterRef<void>; /** Emits when the timepicker is closed. */ readonly closed: OutputEmitterRef<void>; readonly selectedTime: OutputEmitterRef<Date>; private _dialog; constructor(); /** Opens the timepicker. */ open(): void; /** Registers an input with the timepicker. */ registerInput(input: RkTimepickerInput): void; private _handleKeydown; changeMode(): void; onConfirm(): void; onCancel(): void; static ɵfac: i0.ɵɵFactoryDeclaration<RkTimepicker, never>; static ɵcmp: i0.ɵɵComponentDeclaration<RkTimepicker, "rk-timepicker", ["rkTimepicker"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "period": { "alias": "period"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "_inputSupportLabels": { "alias": "inputLabels"; "required": false; "isSignal": true; }; "_headline": { "alias": "headline"; "required": false; "isSignal": true; }; "_actions": { "alias": "actions"; "required": false; "isSignal": true; }; "defaultTime": { "alias": "time"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "format": "formatChange"; "period": "periodChange"; "editable": "editableChange"; "orientation": "orientationChange"; "opened": "opened"; "closed": "closed"; "selectedTime": "selectedTime"; }, never, never, true, never>; }