UNPKG

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