@dhutaryan/ngx-mat-timepicker
Version:
Angular timepicker to add time which is based on material design and Angular material.
61 lines (60 loc) • 2.56 kB
TypeScript
import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
import { ThemePalette } from '@angular/material/core';
import * as i0 from "@angular/core";
export interface ClockDialViewCell {
value: number;
displayValue: string;
left: number;
top: number;
disabled: boolean;
}
export declare const ALL_HOURS: number[];
export declare class MatHoursClockDial implements OnInit {
private _element;
private _cdr;
private _document;
/** Selected hour. */
get selectedHour(): number;
set selectedHour(value: number);
private _selectedHour;
/** Whether the clock uses 12 hour format. */
get isMeridiem(): boolean;
set isMeridiem(value: boolean);
private _isMeridiem;
get availableHours(): number[];
set availableHours(value: number[]);
private _availableHours;
/** Color palette. */
color: ThemePalette;
/** Whether the timepicker UI is in touch mode. */
get touchUi(): boolean;
set touchUi(value: boolean);
private _touchUi;
/** Emits selected hour. */
selectedChange: EventEmitter<{
hour: number;
changeView?: boolean;
}>;
hours: ClockDialViewCell[];
get disabledHand(): boolean;
get isHour(): boolean;
constructor(_element: ElementRef<HTMLElement>, _cdr: ChangeDetectorRef, _document: Document);
ngOnInit(): void;
/** Hand styles based on selected hour. */
_handStyles(): any;
/** Handles mouse and touch events on dial and document. */
_onUserAction(event: MouseEvent | TouchEvent): void;
_isActiveCell(hour: number): boolean;
/** Changes selected hour based on coordinates. */
private _setHour;
/** Return value of hour. */
private _getHourValue;
/** Creates list of hours. */
private _initHours;
/** Returns radius based on hour */
private _getRadius;
/** Use defaultView of injected document if available or fallback to global window reference */
private _getWindow;
static ɵfac: i0.ɵɵFactoryDeclaration<MatHoursClockDial, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<MatHoursClockDial, "mat-hours-clock-dial", ["matHoursClockDial"], { "selectedHour": { "alias": "selectedHour"; "required": false; }; "isMeridiem": { "alias": "isMeridiem"; "required": false; }; "availableHours": { "alias": "availableHours"; "required": false; }; "color": { "alias": "color"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
}