@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
TypeScript
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>;
}