@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+**.
40 lines (39 loc) • 1.81 kB
TypeScript
import { ModelSignal } from '@angular/core';
import { SimpleTime } from './utils/time';
import * as i0 from "@angular/core";
export declare class RkTimepickerDial {
currentTime: ModelSignal<Date | null>;
timeFormat: ModelSignal<string | null>;
selectedTime: ModelSignal<string | null>;
period: ModelSignal<string>;
readonly value: import("@angular/core").Signal<SimpleTime>;
readonly format: import("@angular/core").Signal<string>;
readonly selected: import("@angular/core").Signal<"hours" | "minutes">;
private _dial;
private _clipedLabel;
private _dialSelector;
private _elRef;
private _renderer;
private _destroyRef;
private _injector;
private _document;
private _currentDial;
private _currentDegree;
private _loading;
private readonly _motion;
private readonly _radius;
private readonly _labelSize;
constructor();
private _handleInputsChange;
private _onPointerEventInit;
private _onPointerEventStop;
private _fillDial;
private _fillBySelected;
private _moveByTouchClick;
private _moveByAngle;
private _moveTrack;
private _moveSelector;
private _rotateAnimation;
static ɵfac: i0.ɵɵFactoryDeclaration<RkTimepickerDial, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<RkTimepickerDial, "rk-timepicker-dial", never, { "currentTime": { "alias": "time"; "required": true; "isSignal": true; }; "timeFormat": { "alias": "format"; "required": false; "isSignal": true; }; "selectedTime": { "alias": "selected"; "required": false; "isSignal": true; }; "period": { "alias": "period"; "required": false; "isSignal": true; }; }, { "currentTime": "timeChange"; "timeFormat": "formatChange"; "selectedTime": "selectedChange"; "period": "periodChange"; }, never, never, true, never>;
}