/** Angular2 */ import * as ng from "@angular/core"; /** Core */ import { CoreComponent } from "cmf.core/src/core"; /** Components */ export declare enum TimeFormat { Short = 0, Long = 1 } export declare enum DateFormat { Short = 0, Long = 1 } /** * @whatItDoes * Date time component is a component used to show the time and date in a given time zone. * * @howToUse * This component is used with the inputs and outputs mentioned below. * * ### Inputs * `TimeFormat | string` : *timeFormat** - The Time Format to be applied [TimeFormat.Short (hh:mm) or Timeform.Long (hh:mm:ss)] ; * `DateFormat | string` : **dateFormat** - The Date Format to be applied [DateFormat.Short (wwk, dd-mm-yyyy) or DateFormat.Long (Weekday, Month Data, Year)] ; * `number` : **timezone** - The Time Zone (UTC) to be applied ; * `boolean` : **showTime** - If the Time Label should be displayed ; * `boolean` : **showDate** - If the Date Label should be displayed ; * `boolean` : **showTimezone** - If the Time Zone should be displayed . * * ### Example * To use the component, assume this HTML Template as an example: * * ```HTML * * * ``` * */ export declare class DateTimeViewer extends CoreComponent implements ng.OnChanges, ng.AfterViewInit, ng.OnDestroy { /** * Time Format. Default is short */ private _timeFormat; /** * Date Format. Default is short. */ private _dateFormat; /** * Current time label shown */ _timeLabel: string; /** * Current date label shown */ _dateLabel: string; /** * Current time zone label shown */ _timeZoneLabel: string; /** * Current windows size */ private _windowSize; /** * Current timer id */ private _timerCallId; /** * Stores the element query */ private _elementQuery; /** * Gets the Time format */ /** * Sets the Time format */ timeFormat: TimeFormat | string; /** * Gets the Date format */ /** * Sets the Date format */ dateFormat: DateFormat | string; /** * Get or sets the time zone UTC offset */ timezone: number; /** * Get or sets if Time is shown */ showTime: boolean; /** * Get or sets if Date is shown */ showDate: boolean; /** * Get or sets if Time zone is shown */ showTimezone: boolean; /** * Ative classes - Used in css for different window sizes */ sizeClasses: any; constructor(viewContainerRef: ng.ViewContainerRef); /** * Start the timer and stores the setIntervals ID */ private startTimer; /** * Stops the timer if it exists */ private stopTimer; /** * Update time, date and timezone labels */ private updateLabels; /** * Set the event handler for the content resize change */ ngAfterViewInit(): void; /** * When component changes - update * * @param {any} [changes] Complex object that contains a set of properties that have changed */ ngOnChanges(changes: any): void; /** * On component destruction - unsubscribe size change event */ ngOnDestroy(): void; } export declare class DateTimeViewerModule { }