@wavemaker-ai/app-ng-runtime 1.0.0-rc.309

package/components/input/epoch/date-time-picker/fesm2022/index.mjs

@@ -0,0 +1,439 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Input, Output, ViewChild, Component } from '@angular/core';
+import * as i2 from 'ngx-bootstrap/datepicker';
+import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
+import * as i1 from 'ngx-bootstrap/modal';
+import { App } from '@wm/core';
+import { filter } from 'lodash-es';
+import { PickerGroupComponent, PickerComponent } from '@wm/components/input/epoch/picker';
+import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
+import * as momentLib from 'moment';
+
+const moment = momentLib.default || window['moment'];
+class DateTimePickerComponent {
+    constructor(inj, bsModalService) {
+        this.inj = inj;
+        this.bsModalService = bsModalService;
+        this.isDateOpen = true;
+        this.isTimeOpen = false;
+        this.mode = 'DATE_TIME';
+        this.placement = 'MODAL';
+        this.change = new EventEmitter();
+        this._value = new Date();
+        this.changedValue = null;
+        this.appLocale = inj.get(App).appLocale || {};
+    }
+    set value(d) {
+        d = d || new Date();
+        this._value = d;
+        this.changedValue = d;
+    }
+    set bsDatepickerConfig(config) {
+        this._bsDatepickerConfig = config;
+        this._bsDatepickerConfig.showClearButton = false;
+        this._bsDatepickerConfig.showTodayButton = false;
+    }
+    set excludedDaysToDisable(v) {
+        this._bsDatepickerConfig.daysDisabled = v;
+    }
+    get bsDatepickerConfig() {
+        return this._bsDatepickerConfig;
+    }
+    set displayFormat(format) {
+        if (format) {
+            this._displayFormat = format.replace(/y/g, "Y").replace(/d/g, "D").replace("a", "A");
+        }
+    }
+    validateSelectedDate() {
+        if (!this.changedValue) {
+            return true;
+        }
+        const cd = moment(this.changedValue);
+        const minDate = this._bsDatepickerConfig?.minDate;
+        const maxDate = this._bsDatepickerConfig?.maxDate;
+        if (minDate
+            && ((this.mode === 'DATE'
+                && moment(minDate).startOf('day').toDate() > this.changedValue)
+                || (this.mode !== 'DATE'
+                    && minDate > this.changedValue))) {
+            return false;
+        }
+        if (maxDate
+            && ((this.mode === 'DATE'
+                && moment(maxDate).endOf('day').toDate() < this.changedValue)
+                || (this.mode !== 'DATE'
+                    && maxDate < this.changedValue))) {
+            return false;
+        }
+        if (this._bsDatepickerConfig?.daysDisabled?.indexOf(cd.day()) >= 0) {
+            return false;
+        }
+        const cdSt = cd.startOf('day').toDate().getTime();
+        if (this.excludedDatesToDisable?.find(d => d.getTime() === cdSt)) {
+            return false;
+        }
+        return true;
+    }
+    get displayFormat() {
+        if (this._displayFormat) {
+            return this._displayFormat;
+        }
+    }
+    /**
+     * This method is used to highlight the current date
+     */
+    hightlightToday() {
+        const toDay = new Date().getDate().toString();
+        filter($(`body > modal-container .date-picker-modal span:contains(${toDay})`)
+            .not('.is-other-month,.current-date'), (obj) => {
+            if ($(obj).text() === toDay) {
+                $(obj).addClass('current-date text-info');
+            }
+        });
+    }
+    hideOnClick() {
+        $('body>modal-container .date-picker-modal .app-datetime-picker')
+            .click(($event) => $event.stopPropagation());
+        $('body>modal-container .date-picker-modal').click(() => this.onCancelClick());
+    }
+    getDateLabel() {
+        return moment(this.changedValue).format(this.displayFormat);
+    }
+    openDatePicker() {
+        this.isTimeOpen = false;
+        this.isDateOpen = true;
+    }
+    openTimePicker() {
+        this.isTimeOpen = true;
+        this.isDateOpen = false;
+    }
+    onDateUpdate(newVal) {
+        const oldVal = this.changedValue;
+        if (this.mode === 'DATE') {
+            newVal.setHours(0);
+            newVal.setMinutes(0);
+            newVal.setSeconds(0);
+            newVal.setMilliseconds(0);
+        }
+        else if (oldVal && newVal) {
+            newVal.setHours(oldVal.getHours());
+            newVal.setMinutes(oldVal.getMinutes());
+            newVal.setSeconds(oldVal.getSeconds());
+            newVal.setMilliseconds(oldVal.getMilliseconds());
+        }
+        this.changedValue = newVal;
+        if (this.mode === 'DATE'
+            && oldVal !== newVal
+            && this.validateSelectedDate()) {
+            this.onOkClick();
+        }
+    }
+    onTimeUpdate(newVal) {
+        this.changedValue = newVal;
+    }
+    show() {
+        this.reset();
+        this.modalRef = this.bsModalService.show(this.datetimepickerTemplate, {
+            animated: true,
+            backdrop: 'static',
+            class: 'date-picker-modal modal-dialog-centered'
+        });
+        setTimeout(() => { this.hideOnClick(); }, 500);
+    }
+    clear() {
+        this.changedValue = null;
+        this.triggerChange();
+        this.hideModal();
+    }
+    setToday() {
+        const today = moment().startOf('day').toDate();
+        this.onDateUpdate(today);
+    }
+    reset() {
+        this.changedValue = this._value;
+    }
+    hideModal() {
+        if (this.modalRef?.id) {
+            this.bsModalService.hide(this.modalRef.id);
+        }
+    }
+    onCancelClick() {
+        this.changedValue = this._value;
+        this.hideModal();
+    }
+    onOkClick() {
+        if (this.validateSelectedDate()) {
+            this.triggerChange();
+        }
+        this.hideModal();
+    }
+    triggerChange() {
+        if (this.value !== this.changedValue) {
+            this.change.emit(this.changedValue);
+        }
+    }
+    ngAfterViewInit() {
+    }
+    ngOnDestroy() {
+        this.hideModal();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: i0.Injector }, { token: i1.BsModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DateTimePickerComponent, isStandalone: true, selector: "wm-datetimepicker", inputs: { mode: "mode", placement: "placement", _bsDatepickerConfig: ["config", "_bsDatepickerConfig"], minTime: "minTime", maxTime: "maxTime", _displayFormat: "_displayFormat", excludedDatesToDisable: "excludedDatesToDisable", value: "value", bsDatepickerConfig: ["config", "bsDatepickerConfig"], excludedDaysToDisable: "excludedDaysToDisable", displayFormat: "displayFormat" }, outputs: { change: "change" }, viewQueries: [{ propertyName: "datetimepickerTemplate", first: true, predicate: ["datetimepickerTemplate"], descendants: true, static: true }], ngImport: i0, template: `
+    <ng-template #datetimepickerTemplate>
+      <div class="app-datetime-picker">
+        <div class="modal-body">
+          <div class="mobile-datetime-picker-options">
+    
+          </div>
+          @if (mode === 'DATE_TIME' || mode === 'DATE') {
+            <bs-datepicker-inline
+              [bsConfig]="bsDatepickerConfig"
+              [datesDisabled]="excludedDatesToDisable"
+              bsDatepicker
+              [bsValue]="changedValue"
+              (bsValueChange)="onDateUpdate($event)"
+              >
+            </bs-datepicker-inline>
+          }
+          @if (mode === 'DATE_TIME' || mode === 'TIME') {
+            <wm-timepicker
+              [value]="changedValue"
+              [min]="minTime"
+              [max]="maxTime"
+              (change)="onTimeUpdate($event)"
+            ></wm-timepicker>
+          }
+          <span class="text-primary date-picker-value">
+            {{getDateLabel()}}
+          </span>
+        </div>
+        <div class="modal-footer">
+          @if (mode === 'DATE_TIME' || mode === 'DATE') {
+            <button
+              class="btn btn-secondary today-btn"
+            (click)="setToday()">{{appLocale.LABEL_TODAY_DATE || "Today" }}</button>
+          }
+          @if (mode === 'DATE_TIME' || mode === 'TIME') {
+            <button
+              class="btn btn-primary pull-right ok-btn"
+            (click)="onOkClick()">{{appLocale.LABEL_OK || "Ok" }}</button>
+          }
+          <button
+            class="btn btn-secondary pull-right clear-btn"
+          (click)="clear()">{{appLocale.LABEL_CLEAR_DATE || "Clear" }}</button>
+        </div>
+      </div>
+    </ng-template>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: BsDatepickerModule }, { kind: "directive", type: i2.BsDatepickerDirective, selector: "[bsDatepicker]", inputs: ["placement", "triggers", "outsideClick", "container", "outsideEsc", "isDisabled", "minDate", "maxDate", "ignoreMinMaxErrors", "minMode", "daysDisabled", "datesDisabled", "datesEnabled", "dateCustomClasses", "dateTooltipTexts", "isOpen", "bsValue", "bsConfig"], outputs: ["onShown", "onHidden", "bsValueChange"], exportAs: ["bsDatepicker"] }, { kind: "directive", type: i2.BsDatepickerInlineDirective, selector: "bs-datepicker-inline", inputs: ["bsConfig", "isDisabled", "minDate", "maxDate", "dateCustomClasses", "dateTooltipTexts", "datesEnabled", "datesDisabled", "bsValue"], outputs: ["bsValueChange"], exportAs: ["bsDatepickerInline"] }, { kind: "ngmodule", type: BsDropdownModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateTimePickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [CommonModule, BsDatepickerModule, BsDropdownModule],
+                    selector: 'wm-datetimepicker',
+                    template: `
+    <ng-template #datetimepickerTemplate>
+      <div class="app-datetime-picker">
+        <div class="modal-body">
+          <div class="mobile-datetime-picker-options">
+    
+          </div>
+          @if (mode === 'DATE_TIME' || mode === 'DATE') {
+            <bs-datepicker-inline
+              [bsConfig]="bsDatepickerConfig"
+              [datesDisabled]="excludedDatesToDisable"
+              bsDatepicker
+              [bsValue]="changedValue"
+              (bsValueChange)="onDateUpdate($event)"
+              >
+            </bs-datepicker-inline>
+          }
+          @if (mode === 'DATE_TIME' || mode === 'TIME') {
+            <wm-timepicker
+              [value]="changedValue"
+              [min]="minTime"
+              [max]="maxTime"
+              (change)="onTimeUpdate($event)"
+            ></wm-timepicker>
+          }
+          <span class="text-primary date-picker-value">
+            {{getDateLabel()}}
+          </span>
+        </div>
+        <div class="modal-footer">
+          @if (mode === 'DATE_TIME' || mode === 'DATE') {
+            <button
+              class="btn btn-secondary today-btn"
+            (click)="setToday()">{{appLocale.LABEL_TODAY_DATE || "Today" }}</button>
+          }
+          @if (mode === 'DATE_TIME' || mode === 'TIME') {
+            <button
+              class="btn btn-primary pull-right ok-btn"
+            (click)="onOkClick()">{{appLocale.LABEL_OK || "Ok" }}</button>
+          }
+          <button
+            class="btn btn-secondary pull-right clear-btn"
+          (click)="clear()">{{appLocale.LABEL_CLEAR_DATE || "Clear" }}</button>
+        </div>
+      </div>
+    </ng-template>
+    `
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.BsModalService }], propDecorators: { datetimepickerTemplate: [{
+                type: ViewChild,
+                args: ['datetimepickerTemplate', { static: true }]
+            }], mode: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], _bsDatepickerConfig: [{
+                type: Input,
+                args: ["config"]
+            }], minTime: [{
+                type: Input
+            }], maxTime: [{
+                type: Input
+            }], _displayFormat: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }], excludedDatesToDisable: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], bsDatepickerConfig: [{
+                type: Input,
+                args: ["config"]
+            }], excludedDaysToDisable: [{
+                type: Input
+            }], displayFormat: [{
+                type: Input
+            }] } });
+class TimePickerComponent {
+    constructor(inj) {
+        this.inj = inj;
+        this.options = {
+            hour: [],
+            minute: [],
+            second: [],
+            meridian: ['AM', 'PM']
+        };
+        this.value = new Date();
+        this.min = null;
+        this.max = null;
+        this.change = new EventEmitter();
+        this.options.hour = this.populateNumbers(0, 23);
+        this.options.minute = this.populateNumbers(0, 59);
+        this.options.second = this.populateNumbers(0, 59);
+    }
+    populateNumbers(start, to) {
+        const arr = [];
+        for (let i = start; i <= to; i++) {
+            arr.push({
+                label: (i < 10 ? '0' : '') + i,
+                value: i
+            });
+        }
+        return arr;
+    }
+    set({ index, value }, unit) {
+        if (unit === 'HOUR') {
+            this.value = moment(this.value).hour(parseInt(value)).toDate();
+        }
+        else if (unit === 'MINUTE') {
+            this.value = moment(this.value).minute(parseInt(value)).toDate();
+        }
+        else if (unit === 'SECOND') {
+            this.value = moment(this.value).second(parseInt(value)).toDate();
+        }
+        else if (unit === 'MERIDIAN') {
+            this.value = moment(this.value).minute(value).toDate();
+        }
+        if (this.min && this.value < this.min) {
+            this.value = this.min;
+        }
+        if (this.max && this.value > this.max) {
+            this.value = this.max;
+        }
+        this.change.emit(this.value);
+    }
+    get hour() {
+        return moment(this.value).hour();
+    }
+    get minute() {
+        return moment(this.value).minute();
+    }
+    get second() {
+        return moment(this.value).second();
+    }
+    get meridian() {
+        return 'AM';
+    }
+    onDateUpdate(newVal) {
+        debugger;
+    }
+    ngAfterViewInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TimePickerComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: TimePickerComponent, isStandalone: true, selector: "wm-timepicker", inputs: { value: "value", min: "min", max: "max" }, outputs: { change: "change" }, ngImport: i0, template: `
+        <wm-pickergroup>
+            <wm-picker
+                [options]="options.hour"
+                [selectedValue]="hour"
+                (change)="set($event, 'HOUR')"></wm-picker>
+            <span class="app-time-separator">:</span>
+            <wm-picker
+                [options]="options.minute"
+                [selectedValue]="minute"
+                (change)="set($event, 'MINUTE')"></wm-picker>
+            <span class="app-time-separator">:</span>
+            <wm-picker
+                [options]="options.minute"
+                [selectedValue]="second"
+                (change)="set($event, 'SECOND')"></wm-picker>
+        </wm-pickergroup>
+    `, isInline: true, dependencies: [{ kind: "component", type: PickerGroupComponent, selector: "wm-pickergroup" }, { kind: "component", type: PickerComponent, selector: "wm-picker", inputs: ["selectedValue", "options"], outputs: ["change"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TimePickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'wm-timepicker',
+                    standalone: true,
+                    template: `
+        <wm-pickergroup>
+            <wm-picker
+                [options]="options.hour"
+                [selectedValue]="hour"
+                (change)="set($event, 'HOUR')"></wm-picker>
+            <span class="app-time-separator">:</span>
+            <wm-picker
+                [options]="options.minute"
+                [selectedValue]="minute"
+                (change)="set($event, 'MINUTE')"></wm-picker>
+            <span class="app-time-separator">:</span>
+            <wm-picker
+                [options]="options.minute"
+                [selectedValue]="second"
+                (change)="set($event, 'SECOND')"></wm-picker>
+        </wm-pickergroup>
+    `,
+                    imports: [PickerGroupComponent, PickerComponent]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { value: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DateTimePickerComponent, TimePickerComponent };
+//# sourceMappingURL=index.mjs.map

package/components/input/epoch/date-time-picker/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../projects/components/widgets/input/epoch/date-time-picker/src/date-time-picker.component.ts","../../../../../../projects/components/widgets/input/epoch/date-time-picker/src/index.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { AfterViewInit, Component, EventEmitter, Injector, Input, OnDestroy, Output, TemplateRef, ViewChild } from '@angular/core';\nimport { BsDatepickerConfig, BsDatepickerModule } from 'ngx-bootstrap/datepicker';\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\nimport { App } from '@wm/core';\nimport {filter} from \"lodash-es\";\nimport { PickerGroupComponent, PickerComponent } from \"@wm/components/input/epoch/picker\";\nimport { BsDropdownModule } from 'ngx-bootstrap/dropdown';\n\ndeclare const $;\nimport * as momentLib  from 'moment';\nconst moment = momentLib.default || window['moment'];\n\n@Component({\n    standalone: true,\n    imports: [CommonModule, BsDatepickerModule, BsDropdownModule],\n    selector: 'wm-datetimepicker',\n    template: `\n    <ng-template #datetimepickerTemplate>\n      <div class=\"app-datetime-picker\">\n        <div class=\"modal-body\">\n          <div class=\"mobile-datetime-picker-options\">\n    \n          </div>\n          @if (mode === 'DATE_TIME' || mode === 'DATE') {\n            <bs-datepicker-inline\n              [bsConfig]=\"bsDatepickerConfig\"\n              [datesDisabled]=\"excludedDatesToDisable\"\n              bsDatepicker\n              [bsValue]=\"changedValue\"\n              (bsValueChange)=\"onDateUpdate($event)\"\n              >\n            </bs-datepicker-inline>\n          }\n          @if (mode === 'DATE_TIME' || mode === 'TIME') {\n            <wm-timepicker\n              [value]=\"changedValue\"\n              [min]=\"minTime\"\n              [max]=\"maxTime\"\n              (change)=\"onTimeUpdate($event)\"\n            ></wm-timepicker>\n          }\n          <span class=\"text-primary date-picker-value\">\n            {{getDateLabel()}}\n          </span>\n        </div>\n        <div class=\"modal-footer\">\n          @if (mode === 'DATE_TIME' || mode === 'DATE') {\n            <button\n              class=\"btn btn-secondary today-btn\"\n            (click)=\"setToday()\">{{appLocale.LABEL_TODAY_DATE || \"Today\" }}</button>\n          }\n          @if (mode === 'DATE_TIME' || mode === 'TIME') {\n            <button\n              class=\"btn btn-primary pull-right ok-btn\"\n            (click)=\"onOkClick()\">{{appLocale.LABEL_OK || \"Ok\" }}</button>\n          }\n          <button\n            class=\"btn btn-secondary pull-right clear-btn\"\n          (click)=\"clear()\">{{appLocale.LABEL_CLEAR_DATE || \"Clear\" }}</button>\n        </div>\n      </div>\n    </ng-template>\n    `\n})\nexport class DateTimePickerComponent implements AfterViewInit, OnDestroy {\n\n    private isDateOpen = true;\n\n    private isTimeOpen = false;\n\n    private appLocale: any;\n\n    @ViewChild('datetimepickerTemplate' , { static: true }) datetimepickerTemplate: TemplateRef<any>;\n\n    @Input()\n    private mode: 'DATE' | 'TIME' | 'DATE_TIME' = 'DATE_TIME';\n\n    @Input()\n    private placement: 'MODAL' | 'INLINE' = 'MODAL';\n\n    @Input(\"config\")\n    private _bsDatepickerConfig: BsDatepickerConfig;\n\n    @Input()\n    private minTime: Date;\n\n    @Input()\n    private maxTime: Date;\n\n    @Input()\n    private _displayFormat: string;\n\n    @Output() change = new EventEmitter<Date>();\n\n    private _value = new Date();\n\n    private changedValue = null;\n\n    private modalRef: BsModalRef;\n\n    @Input()\n    private excludedDatesToDisable;\n\n    constructor(\n        protected inj: Injector,\n        private bsModalService: BsModalService) {\n        this.appLocale = inj.get(App).appLocale || {};\n    }\n\n    @Input()\n    set value(d: Date) {\n        d = d || new Date();\n        this._value = d;\n        this.changedValue = d;\n    }\n\n\n    @Input(\"config\")\n    set bsDatepickerConfig(config: BsDatepickerConfig) {\n        this._bsDatepickerConfig = config;\n        this._bsDatepickerConfig.showClearButton = false;\n        this._bsDatepickerConfig.showTodayButton = false;\n    }\n\n    @Input()\n    set excludedDaysToDisable(v: number[]) {\n        this._bsDatepickerConfig.daysDisabled = v;\n    }\n\n    get bsDatepickerConfig() {\n        return this._bsDatepickerConfig;\n    }\n\n    @Input()\n    set displayFormat(format: string) {\n        if (format) {\n            this._displayFormat = format.replace(/y/g, \"Y\").replace(/d/g, \"D\").replace(\"a\", \"A\");\n        }\n    }\n\n    validateSelectedDate() {\n        if (!this.changedValue) {\n            return true;\n        }\n        const cd = moment(this.changedValue);\n        const minDate = this._bsDatepickerConfig?.minDate;\n        const maxDate = this._bsDatepickerConfig?.maxDate;\n        if (minDate\n            && ((this.mode === 'DATE'\n                    && moment(minDate).startOf('day').toDate() > this.changedValue)\n                || (this.mode !== 'DATE'\n                    && minDate > this.changedValue))) {\n            return false;\n        }\n        if (maxDate\n            && ((this.mode === 'DATE'\n                    && moment(maxDate).endOf('day').toDate() < this.changedValue)\n                || (this.mode !== 'DATE'\n                    && maxDate < this.changedValue))) {\n            return false;\n        }\n        if (this._bsDatepickerConfig?.daysDisabled?.indexOf(cd.day()) >= 0) {\n            return false;\n        }\n        const cdSt = cd.startOf('day').toDate().getTime();\n        if (this.excludedDatesToDisable?.find(d => d.getTime() === cdSt)) {\n            return false;\n        }\n        return true;\n    }\n\n    get displayFormat() {\n        if (this._displayFormat) {\n            return this._displayFormat;\n        }\n    }\n    /**\n     * This method is used to highlight the current date\n     */\n    private hightlightToday() {\n        const toDay = new Date().getDate().toString();\n        filter($(`body > modal-container .date-picker-modal span:contains(${toDay})`)\n            .not('.is-other-month,.current-date'), (obj) => {\n            if ($(obj).text() === toDay) {\n                $(obj).addClass('current-date text-info');\n            }\n        });\n    }\n\n    private hideOnClick() {\n        $('body>modal-container .date-picker-modal .app-datetime-picker')\n            .click(($event) => $event.stopPropagation());\n        $('body>modal-container .date-picker-modal').click(() => this.onCancelClick());\n    }\n\n    getDateLabel() {\n        return moment(this.changedValue).format(this.displayFormat);\n    }\n\n    openDatePicker() {\n        this.isTimeOpen = false;\n        this.isDateOpen = true;\n    }\n\n    openTimePicker() {\n        this.isTimeOpen = true;\n        this.isDateOpen = false;\n    }\n\n    public onDateUpdate(newVal) {\n        const oldVal = this.changedValue;\n         if (this.mode === 'DATE') {\n            newVal.setHours(0);\n            newVal.setMinutes(0);\n            newVal.setSeconds(0);\n            newVal.setMilliseconds(0);\n        } else if (oldVal && newVal) {\n            newVal.setHours(oldVal.getHours());\n            newVal.setMinutes(oldVal.getMinutes());\n            newVal.setSeconds(oldVal.getSeconds());\n            newVal.setMilliseconds(oldVal.getMilliseconds());\n        }\n        this.changedValue = newVal;\n        if (this.mode === 'DATE'\n            && oldVal !== newVal\n            && this.validateSelectedDate()) {\n            this.onOkClick();\n        }\n    }\n\n    public onTimeUpdate(newVal) {\n        this.changedValue = newVal;\n    }\n\n    show() {\n        this.reset();\n        this.modalRef = this.bsModalService.show(this.datetimepickerTemplate, {\n            animated: true,\n            backdrop: 'static',\n            class: 'date-picker-modal modal-dialog-centered'\n        });\n        setTimeout(() => { this.hideOnClick()}, 500);\n    }\n\n    clear() {\n        this.changedValue = null;\n        this.triggerChange();\n        this.hideModal();\n    }\n\n    setToday() {\n        const today = moment().startOf('day').toDate();\n        this.onDateUpdate(today);\n    }\n\n    reset() {\n        this.changedValue = this._value;\n    }\n\n    hideModal() {\n        if (this.modalRef?.id) {\n            this.bsModalService.hide(this.modalRef.id);\n        }\n    }\n\n    onCancelClick() {\n        this.changedValue = this._value;\n        this.hideModal();\n    }\n\n    onOkClick() {\n        if (this.validateSelectedDate()) {\n            this.triggerChange();\n        }\n        this.hideModal();\n    }\n\n    triggerChange() {\n        if (this.value !== this.changedValue) {\n            this.change.emit(this.changedValue);\n        }\n    }\n\n    ngAfterViewInit(): void {\n\n    }\n\n    ngOnDestroy(): void {\n        this.hideModal();\n    }\n\n}\n\n\n@Component({\n    selector: 'wm-timepicker',\n    standalone: true,\n    template: `\n        <wm-pickergroup>\n            <wm-picker\n                [options]=\"options.hour\"\n                [selectedValue]=\"hour\"\n                (change)=\"set($event, 'HOUR')\"></wm-picker>\n            <span class=\"app-time-separator\">:</span>\n            <wm-picker\n                [options]=\"options.minute\"\n                [selectedValue]=\"minute\"\n                (change)=\"set($event, 'MINUTE')\"></wm-picker>\n            <span class=\"app-time-separator\">:</span>\n            <wm-picker\n                [options]=\"options.minute\"\n                [selectedValue]=\"second\"\n                (change)=\"set($event, 'SECOND')\"></wm-picker>\n        </wm-pickergroup>\n    `,\n    imports: [PickerGroupComponent, PickerComponent]\n})\nexport class TimePickerComponent implements AfterViewInit {\n\n    options = {\n        hour: [],\n        minute: [],\n        second: [],\n        meridian: ['AM', 'PM']\n    };\n\n    @Input()\n    private value = new Date();\n\n    @Input()\n    private min: Date = null;\n\n    @Input()\n    private max: Date = null;\n\n    @Output() change = new EventEmitter<Date>();\n\n    constructor(\n        protected inj: Injector) {\n        this.options.hour = this.populateNumbers(0, 23);\n        this.options.minute = this.populateNumbers(0, 59);\n        this.options.second = this.populateNumbers(0, 59);\n    }\n\n    private populateNumbers(start: number, to: number) {\n        const arr = [];\n        for(let i = start; i <= to; i++) {\n            arr.push({\n                label: (i < 10 ? '0' : '') + i,\n                value: i\n            })\n        }\n        return arr;\n    }\n\n    set({index, value}, unit: 'HOUR' | 'MINUTE' | 'SECOND' | 'MERIDIAN') {\n        if (unit === 'HOUR') {\n            this.value = moment(this.value).hour(parseInt(value)).toDate();\n        } else if (unit === 'MINUTE') {\n            this.value = moment(this.value).minute(parseInt(value)).toDate();\n        } else if (unit === 'SECOND') {\n            this.value = moment(this.value).second(parseInt(value)).toDate();\n        } else if (unit === 'MERIDIAN') {\n            this.value = moment(this.value).minute(value).toDate();\n        }\n        if (this.min && this.value < this.min) {\n            this.value = this.min;\n        }\n        if (this.max && this.value > this.max) {\n            this.value = this.max;\n        }\n        this.change.emit(this.value);\n    }\n\n    get hour() {\n        return moment(this.value).hour();\n    }\n\n    get minute() {\n        return moment(this.value).minute();\n    }\n\n    get second() {\n        return moment(this.value).second();\n    }\n\n    get meridian() {\n        return 'AM';\n    }\n\n    public onDateUpdate(newVal) {\n        debugger;\n    }\n\n    ngAfterViewInit(): void {\n\n    }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/input/epoch/date-time-picker/index.d.ts

@@ -0,0 +1,83 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, Injector, TemplateRef, EventEmitter } from '@angular/core';
+import { BsDatepickerConfig } from 'ngx-bootstrap/datepicker';
+import { BsModalService } from 'ngx-bootstrap/modal';
+
+declare class DateTimePickerComponent implements AfterViewInit, OnDestroy {
+    protected inj: Injector;
+    private bsModalService;
+    private isDateOpen;
+    private isTimeOpen;
+    private appLocale;
+    datetimepickerTemplate: TemplateRef<any>;
+    private mode;
+    private placement;
+    private _bsDatepickerConfig;
+    private minTime;
+    private maxTime;
+    private _displayFormat;
+    change: EventEmitter<Date>;
+    private _value;
+    private changedValue;
+    private modalRef;
+    private excludedDatesToDisable;
+    constructor(inj: Injector, bsModalService: BsModalService);
+    set value(d: Date);
+    set bsDatepickerConfig(config: BsDatepickerConfig);
+    set excludedDaysToDisable(v: number[]);
+    get bsDatepickerConfig(): BsDatepickerConfig;
+    set displayFormat(format: string);
+    validateSelectedDate(): boolean;
+    get displayFormat(): string;
+    /**
+     * This method is used to highlight the current date
+     */
+    private hightlightToday;
+    private hideOnClick;
+    getDateLabel(): string;
+    openDatePicker(): void;
+    openTimePicker(): void;
+    onDateUpdate(newVal: any): void;
+    onTimeUpdate(newVal: any): void;
+    show(): void;
+    clear(): void;
+    setToday(): void;
+    reset(): void;
+    hideModal(): void;
+    onCancelClick(): void;
+    onOkClick(): void;
+    triggerChange(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "wm-datetimepicker", never, { "mode": { "alias": "mode"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "_bsDatepickerConfig": { "alias": "config"; "required": false; }; "minTime": { "alias": "minTime"; "required": false; }; "maxTime": { "alias": "maxTime"; "required": false; }; "_displayFormat": { "alias": "_displayFormat"; "required": false; }; "excludedDatesToDisable": { "alias": "excludedDatesToDisable"; "required": false; }; "value": { "alias": "value"; "required": false; }; "bsDatepickerConfig": { "alias": "config"; "required": false; }; "excludedDaysToDisable": { "alias": "excludedDaysToDisable"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}
+declare class TimePickerComponent implements AfterViewInit {
+    protected inj: Injector;
+    options: {
+        hour: any[];
+        minute: any[];
+        second: any[];
+        meridian: string[];
+    };
+    private value;
+    private min;
+    private max;
+    change: EventEmitter<Date>;
+    constructor(inj: Injector);
+    private populateNumbers;
+    set({ index, value }: {
+        index: any;
+        value: any;
+    }, unit: 'HOUR' | 'MINUTE' | 'SECOND' | 'MERIDIAN'): void;
+    get hour(): number;
+    get minute(): number;
+    get second(): number;
+    get meridian(): string;
+    onDateUpdate(newVal: any): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "wm-timepicker", never, { "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
+export { DateTimePickerComponent, TimePickerComponent };

package/components/input/epoch/date-time-picker/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@wm/components/input/epoch/date-time-picker",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/input/epoch/picker/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json