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