UNPKG

@dhutaryan/ngx-mat-timepicker

Version:

Angular timepicker to add time which is based on material design and Angular material.

47 lines (46 loc) 2.26 kB
import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core'; import { ThemePalette } from '@angular/material/core'; import { ClockDialViewCell } from './hours-clock-dial'; import * as i0 from "@angular/core"; export declare const ALL_MINUTES: number[]; export declare class MatMinutesClockDial implements OnInit { private _element; private _cdr; private _document; /** Selected minute. */ get selectedMinute(): number; set selectedMinute(value: number); private _selectedMinute; /** Step over minutes. */ get interval(): number; set interval(value: number); private _interval; get availableMinutes(): number[]; set availableMinutes(value: number[]); private _availableMinutes; /** Color palette. */ color: ThemePalette; /** Whether the timepicker UI is in touch mode. */ get touchUi(): boolean; set touchUi(value: boolean); private _touchUi; /** Emits selected minute. */ selectedChange: EventEmitter<number>; minutes: ClockDialViewCell[]; get disabled(): boolean; get isMinutePoint(): boolean; constructor(_element: ElementRef<HTMLElement>, _cdr: ChangeDetectorRef, _document: Document); ngOnInit(): void; /** Hand styles based on selected minute. */ _handStyles(): any; /** Handles mouse and touch events on dial and document. */ _onUserAction(event: MouseEvent | TouchEvent): void; _isActiveCell(minute: number): boolean; private _setMinute; /** Creates list of minutes. */ private _initMinutes; /** Use defaultView of injected document if available or fallback to global window reference */ private _getWindow; static ɵfac: i0.ɵɵFactoryDeclaration<MatMinutesClockDial, never>; static ɵcmp: i0.ɵɵComponentDeclaration<MatMinutesClockDial, "mat-minutes-clock-dial", ["matMinutesClockDial"], { "selectedMinute": { "alias": "selectedMinute"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "availableMinutes": { "alias": "availableMinutes"; "required": false; }; "color": { "alias": "color"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>; }