@cauca-911/material 17.0.0 → 17.1.0

package/fesm2022/cauca-911-material.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, Component, Inject, EventEmitter, ViewChild, Output, Input, HostListener, NgModule } from '@angular/core';
 import * as i1 from '@ngx-translate/core';
 import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule, DatePipe } from '@angular/common';
 import * as i3$1 from '@angular/forms';
 import { Validators, UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i3 from '@angular/material/button';
@@ -24,6 +24,11 @@ import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i1$3 from '@angular/router';
 import { NavigationEnd } from '@angular/router';
 import { style, state, animate, transition, trigger } from '@angular/animations';
+import { MatNativeDateModule } from '@angular/material/core';
+import * as i4$1 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i6$1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
 
 class CaucaMaterialService {
     static { this.ɵfac = function CaucaMaterialService_Factory(t) { return new (t || CaucaMaterialService)(); }; }
@@ -803,7 +808,7 @@ class CaucaMaterialModule {
                     MatIconModule,
                     MatInputModule,
                     MatTabsModule,
-                    MatDialogModule
+                    MatDialogModule,
                 ],
                 exports: [
                     CaucaMaterialComponent,
@@ -813,7 +818,7 @@ class CaucaMaterialModule {
                     CaucaMenuVerticalComponent,
                     CaucaSimpleDialogComponent,
                     CaucaSlideshowComponent,
-                ]
+                ],
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CaucaMaterialModule, { declarations: [CaucaMaterialComponent,
@@ -840,6 +845,335 @@ class CaucaMaterialModule {
         CaucaSimpleDialogComponent,
         CaucaSlideshowComponent] }); })();
 
+function DialogDateTimePickerComponent_For_7_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 10);
+    i0.ɵɵlistener("click", function DialogDateTimePickerComponent_For_7_Template_mat_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r9); const hour_r3 = restoredCtx.$implicit; const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.hourChanged(hour_r3)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const hour_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("activated", ctx_r0.selectedHour === hour_r3)("disabled", ctx_r0.disabled.someHours.includes(hour_r3));
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate((hour_r3 < 10 ? "0" : "") + hour_r3);
+} }
+function DialogDateTimePickerComponent_For_11_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 10);
+    i0.ɵɵlistener("click", function DialogDateTimePickerComponent_For_11_Template_mat_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r16); const minute_r10 = restoredCtx.$implicit; const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.minuteChanged(minute_r10)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const minute_r10 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("activated", ctx_r1.selectedMinute === minute_r10)("disabled", ctx_r1.disabled.someMinutes.includes(minute_r10));
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate((minute_r10 < 10 ? "0" : "") + minute_r10);
+} }
+function DialogDateTimePickerComponent_div_12_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 10);
+    i0.ɵɵlistener("click", function DialogDateTimePickerComponent_div_12_For_3_Template_mat_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r24); const second_r18 = restoredCtx.$implicit; const ctx_r23 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r23.secondChanged(second_r18)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const second_r18 = ctx.$implicit;
+    const ctx_r17 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("activated", ctx_r17.selectedSecond === second_r18)("disabled", ctx_r17.disabled.someSeconds.includes(second_r18));
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate((second_r18 < 10 ? "0" : "") + second_r18);
+} }
+function DialogDateTimePickerComponent_div_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "mat-list", 4);
+    i0.ɵɵrepeaterCreate(2, DialogDateTimePickerComponent_div_12_For_3_Template, 2, 3, "mat-list-item", 12, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("disabled", ctx_r2.disabled.seconds);
+    i0.ɵɵadvance(1);
+    i0.ɵɵrepeater(ctx_r2.seconds);
+} }
+class DialogDateTimePickerComponent {
+    constructor(dialogRef, options) {
+        this.dialogRef = dialogRef;
+        this.options = options;
+        this.selectedHour = 0;
+        this.selectedMinute = 0;
+        this.selectedSecond = 0;
+        this.initialDate = new Date();
+        this.selectedDate = null;
+        this.minimumDate = new Date();
+        this.maximumDate = new Date();
+        this.showSeconds = false;
+        this.hours = [...Array(24).keys()];
+        this.minutes = [...Array(60).keys()];
+        this.seconds = [...Array(60).keys()];
+        this.disabled = {
+            hours: true,
+            someHours: [],
+            minutes: true,
+            someMinutes: [],
+            seconds: true,
+            someSeconds: [],
+        };
+        this.step = {
+            hours: 1,
+            minutes: 1,
+            seconds: 1,
+        };
+        this.step = options.step || this.step;
+        this.showSeconds = options.showSeconds;
+        this.setListHoursMinutes();
+        this.initialEachComponentValue(options);
+    }
+    dateChanged(date) {
+        if (date) {
+            this.selectedDate = date;
+            this.selectedDate.setHours(this.selectedHour);
+            this.selectedDate.setMinutes(this.selectedMinute);
+            this.selectedDate.setSeconds(this.selectedSecond);
+            this.disabled.hours = false;
+            this.disabled.someHours = this.hours.filter(hour => this.hourOfSelectedDateIsDisabled(hour));
+        }
+        else {
+            this.selectedDate = null;
+            this.disabled.hours = true;
+        }
+    }
+    hourChanged(hour) {
+        if (this.disabled.hours || this.disabled.someHours.includes(hour))
+            return;
+        this.selectedHour = hour;
+        this.selectedDate.setHours(hour);
+        this.disabled.minutes = false;
+        this.disabled.someMinutes = this.minutes.filter(minute => this.minuteOfSelectedDateIsDisabled(minute));
+    }
+    minuteChanged(minute) {
+        if (this.disabled.minutes || this.disabled.someMinutes.includes(minute))
+            return;
+        this.selectedMinute = minute;
+        this.selectedDate.setMinutes(minute);
+        this.disabled.seconds = false;
+        this.disabled.someSeconds = this.seconds.filter(second => this.secondOfSelectedDateIsDisabled(second));
+    }
+    secondChanged(second) {
+        if (this.disabled.seconds || this.disabled.someSeconds.includes(second))
+            return;
+        this.selectedSecond = second;
+        this.selectedDate.setSeconds(second);
+    }
+    cancel() {
+        this.dialogRef.close(null);
+    }
+    confirm() {
+        this.dialogRef.close(this.selectedDate);
+    }
+    hourOfSelectedDateIsDisabled(hour) {
+        if (this.selectedDateIsTheMinimumDate()) {
+            return hour < this.minimumDate.getHours();
+        }
+        else if (this.selectedDateIsTheMaximumDate()) {
+            return hour > this.maximumDate.getHours();
+        }
+        return false;
+    }
+    minuteOfSelectedDateIsDisabled(minute) {
+        if (this.selectedDateIsTheMinimumDate() &&
+            this.selectedDate.getHours() === this.minimumDate.getHours()) {
+            return minute < this.minimumDate.getMinutes();
+        }
+        else if (this.selectedDateIsTheMaximumDate() &&
+            this.selectedDate.getHours() === this.maximumDate.getHours()) {
+            return minute > this.maximumDate.getMinutes();
+        }
+        return false;
+    }
+    secondOfSelectedDateIsDisabled(second) {
+        if (this.selectedDateIsTheMinimumDate() &&
+            this.selectedDate.getHours() === this.minimumDate.getHours() &&
+            this.selectedDate.getMinutes() === this.minimumDate.getMinutes()) {
+            return second < this.minimumDate.getSeconds();
+        }
+        else if (this.selectedDateIsTheMaximumDate() &&
+            this.selectedDate.getMinutes() === this.maximumDate.getMinutes()) {
+            return second > this.maximumDate.getSeconds();
+        }
+        return false;
+    }
+    initialEachComponentValue(options) {
+        this.initialDate = options.selectedDate ? new Date(options.selectedDate) : new Date();
+        this.minimumDate = options.minimumDate ? new Date(options.minimumDate) : null;
+        this.maximumDate = options.maximumDate ? new Date(options.maximumDate) : null;
+        this.dateChanged(options.selectedDate ? new Date(options.selectedDate) : null);
+        this.hourChanged(options.selectedDate ? new Date(options.selectedDate).getHours() : 0);
+        this.minuteChanged(options.selectedDate ? new Date(options.selectedDate).getMinutes() : 0);
+        this.secondChanged(options.selectedDate ? new Date(options.selectedDate).getSeconds() : 0);
+    }
+    selectedDateIsTheMinimumDate() {
+        return (this.minimumDate &&
+            this.selectedDate.getFullYear() === this.minimumDate.getFullYear() &&
+            this.selectedDate.getMonth() === this.minimumDate.getMonth() &&
+            this.selectedDate.getDate() === this.minimumDate.getDate());
+    }
+    selectedDateIsTheMaximumDate() {
+        return (this.maximumDate &&
+            this.selectedDate.getFullYear() === this.maximumDate.getFullYear() &&
+            this.selectedDate.getMonth() === this.maximumDate.getMonth() &&
+            this.selectedDate.getDate() === this.maximumDate.getDate());
+    }
+    setListHoursMinutes() {
+        this.hours = this.hours.filter(hour => hour % this.step.hours === 0);
+        this.minutes = this.minutes.filter(minute => minute % this.step.minutes === 0);
+        this.seconds = this.seconds.filter(seconde => seconde % this.step.seconds === 0);
+    }
+    static { this.ɵfac = function DialogDateTimePickerComponent_Factory(t) { return new (t || DialogDateTimePickerComponent)(i0.ɵɵdirectiveInject(i1$1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DialogDateTimePickerComponent, selectors: [["cauca-dialog-date-time-picker"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 20, vars: 6, consts: [["mat-dialog-content", ""], [1, "date-time-picker"], [3, "minDate", "maxDate", "selected", "selectedChange"], [1, "hours"], [3, "disabled"], [1, "minutes"], ["class", "seconds", 4, "ngIf"], ["mat-dialog-actions", "", "align", "end"], ["mat-icon-button", "", 3, "click"], ["mat-icon-button", "", "cdkFocusInitial", "", 3, "click"], [3, "activated", "disabled", "click"], [1, "seconds"], [3, "activated", "disabled"]], template: function DialogDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div")(3, "mat-calendar", 2);
+            i0.ɵɵlistener("selectedChange", function DialogDateTimePickerComponent_Template_mat_calendar_selectedChange_3_listener($event) { return ctx.dateChanged($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(4, "div", 3)(5, "mat-list", 4);
+            i0.ɵɵrepeaterCreate(6, DialogDateTimePickerComponent_For_7_Template, 2, 3, "mat-list-item", 12, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(8, "div", 5)(9, "mat-list", 4);
+            i0.ɵɵrepeaterCreate(10, DialogDateTimePickerComponent_For_11_Template, 2, 3, "mat-list-item", 12, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(12, DialogDateTimePickerComponent_div_12_Template, 4, 1, "div", 6);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(13, "div", 7)(14, "button", 8);
+            i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_14_listener() { return ctx.cancel(); });
+            i0.ɵɵelementStart(15, "mat-icon");
+            i0.ɵɵtext(16, "cancel");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(17, "button", 9);
+            i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_17_listener() { return ctx.confirm(); });
+            i0.ɵɵelementStart(18, "mat-icon");
+            i0.ɵɵtext(19, "check");
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("minDate", ctx.minimumDate)("maxDate", ctx.maximumDate)("selected", ctx.selectedDate);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.disabled.hours);
+            i0.ɵɵadvance(1);
+            i0.ɵɵrepeater(ctx.hours);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("disabled", ctx.disabled.minutes);
+            i0.ɵɵadvance(1);
+            i0.ɵɵrepeater(ctx.minutes);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.showSeconds);
+        } }, dependencies: [CommonModule, i2.NgIf, CaucaCoreForChildModule,
+            MatButtonModule, i3.MatIconButton, MatDatepickerModule, i4$1.MatCalendar, MatIconModule, i5.MatIcon, MatListModule, i6$1.MatList, i6$1.MatListItem, MatNativeDateModule], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{padding:10px 0;border-top:1px solid #ccc}.date-time-picker[_ngcontent-%COMP%]{display:flex;height:350px;overflow:hidden;justify-content:center}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{overflow:auto;flex:1;max-width:50px;scrollbar-width:none;border-left:1px solid #ccc}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] > mat-list[_ngcontent-%COMP%]{width:50px;padding:0}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] > mat-list[_ngcontent-%COMP%]   .mat-mdc-list-item[_ngcontent-%COMP%]:not(.mat-mdc-list-item-interactive){cursor:pointer}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child   mat-calendar[_ngcontent-%COMP%]{width:290px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogDateTimePickerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-dialog-date-time-picker', standalone: true, imports: [
+                    CommonModule,
+                    CaucaCoreForChildModule,
+                    MatButtonModule,
+                    MatDatepickerModule,
+                    MatIconModule,
+                    MatListModule,
+                    MatNativeDateModule,
+                ], template: "<div mat-dialog-content>\n    <div class=\"date-time-picker\">\n        <div>\n            <mat-calendar\n                [minDate]=\"minimumDate\"\n                [maxDate]=\"maximumDate\"\n                [selected]=\"selectedDate\"\n                (selectedChange)=\"dateChanged($event)\"\n            ></mat-calendar>\n        </div>\n        <div class=\"hours\">\n            <mat-list [disabled]=\"disabled.hours\">\n                @for (hour of hours; track hour) {\n                    <mat-list-item\n                        [activated]=\"selectedHour === hour\"\n                        [disabled]=\"disabled.someHours.includes(hour)\"\n                        (click)=\"hourChanged(hour)\"\n                    >{{(hour < 10 ? '0' : '') + hour}}</mat-list-item>\n                }\n            </mat-list>\n        </div>\n        <div class=\"minutes\">\n            <mat-list [disabled]=\"disabled.minutes\">\n                @for (minute of minutes; track minute) {\n                    <mat-list-item\n                        [activated]=\"selectedMinute === minute\"\n                        [disabled]=\"disabled.someMinutes.includes(minute)\"\n                        (click)=\"minuteChanged(minute)\"\n                    >{{(minute < 10 ? '0' : '') + minute}}</mat-list-item>\n                }\n            </mat-list>\n        </div>\n        <div class=\"seconds\" *ngIf=\"showSeconds\">\n            <mat-list [disabled]=\"disabled.seconds\">\n                @for (second of seconds; track second) {\n                    <mat-list-item\n                        [activated]=\"selectedSecond === second\"\n                        [disabled]=\"disabled.someSeconds.includes(second)\"\n                        (click)=\"secondChanged(second)\"\n                    >{{(second < 10 ? '0' : '') + second}}</mat-list-item>\n                }\n            </mat-list>\n        </div>\n    </div>\n</div>\n<div mat-dialog-actions align=\"end\">\n    <button mat-icon-button (click)=\"cancel()\"><mat-icon>cancel</mat-icon></button>\n    <button mat-icon-button cdkFocusInitial (click)=\"confirm()\"><mat-icon>check</mat-icon></button>\n</div>", styles: ["div[mat-dialog-actions]{padding:10px 0;border-top:1px solid #ccc}.date-time-picker{display:flex;height:350px;overflow:hidden;justify-content:center}.date-time-picker>div{overflow:auto;flex:1;max-width:50px;scrollbar-width:none;border-left:1px solid #ccc}.date-time-picker>div>mat-list{width:50px;padding:0}.date-time-picker>div>mat-list .mat-mdc-list-item:not(.mat-mdc-list-item-interactive){cursor:pointer}.date-time-picker>div:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker>div:first-child mat-calendar{width:290px}.date-time-picker>div::-webkit-scrollbar{display:none}.date-time-picker ::ng-deep .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}.date-time-picker ::ng-deep .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}.date-time-picker ::ng-deep .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}\n"] }]
+    }], () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+                type: Inject,
+                args: [MAT_DIALOG_DATA]
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogDateTimePickerComponent, { className: "DialogDateTimePickerComponent", filePath: "lib/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.ts", lineNumber: 27 }); })();
+
+class CaucaDateTimePickerComponent {
+    constructor(dialog, datePipe) {
+        this.dialog = dialog;
+        this.datePipe = datePipe;
+        this.stepHours = 1;
+        this.stepMinutes = 1;
+        this.stepSecondes = 1;
+        this.minimumDate = null;
+        this.maximumDate = null;
+        this.showSeconds = false;
+        this.showFormat = 'yyyy/MM/dd, HH:mm';
+        this.selectedChange = new EventEmitter();
+        this.stringDate = '';
+    }
+    set value(value) {
+        if (value) {
+            this.stringDate = this.stringifyDate(value);
+            this.selectedDate = value;
+        }
+    }
+    showDialog() {
+        const options = {
+            selectedDate: this.selectedDate,
+            minimumDate: this.minimumDate,
+            maximumDate: this.maximumDate,
+            showSeconds: this.showSeconds,
+            step: {
+                hours: this.stepHours,
+                minutes: this.stepMinutes,
+                seconds: this.stepSecondes,
+            }
+        };
+        const dialogRef = this.dialog.open(DialogDateTimePickerComponent, {
+            data: options,
+        });
+        dialogRef.afterClosed().subscribe((date) => {
+            this.stringDate = this.stringifyDate(date);
+            this.selectedDate = date;
+            this.selectedChange.emit(date);
+        });
+    }
+    stringifyDate(date) {
+        return this.datePipe.transform(date, this.showFormat);
+    }
+    static { this.ɵfac = function CaucaDateTimePickerComponent_Factory(t) { return new (t || CaucaDateTimePickerComponent)(i0.ɵɵdirectiveInject(i1$1.MatDialog), i0.ɵɵdirectiveInject(i2.DatePipe)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaDateTimePickerComponent, selectors: [["cauca-date-time-picker"]], inputs: { stepHours: "stepHours", stepMinutes: "stepMinutes", stepSecondes: "stepSecondes", minimumDate: "minimumDate", maximumDate: "maximumDate", showSeconds: "showSeconds", showFormat: "showFormat", value: "value" }, outputs: { selectedChange: "selectedChange" }, standalone: true, features: [i0.ɵɵProvidersFeature([
+                DatePipe,
+            ]), i0.ɵɵStandaloneFeature], decls: 5, vars: 1, consts: [[1, "example-full-width"], ["matInput", "", "readonly", "readonly", 3, "value"], ["matSuffix", "", "mat-icon-button", "", 3, "click"]], template: function CaucaDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 0);
+            i0.ɵɵelement(1, "input", 1);
+            i0.ɵɵelementStart(2, "button", 2);
+            i0.ɵɵlistener("click", function CaucaDateTimePickerComponent_Template_button_click_2_listener() { return ctx.showDialog(); });
+            i0.ɵɵelementStart(3, "mat-icon");
+            i0.ɵɵtext(4, "calendar_month");
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("value", ctx.stringDate);
+        } }, dependencies: [MatButtonModule, i3.MatIconButton, MatIconModule, i5.MatIcon, MatInputModule, i5$1.MatInput, i4.MatFormField, i4.MatSuffix] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaDateTimePickerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-date-time-picker', standalone: true, imports: [
+                    MatButtonModule,
+                    MatIconModule,
+                    MatInputModule,
+                ], providers: [
+                    DatePipe,
+                ], template: "<mat-form-field class=\"example-full-width\">\n    <input matInput [value]=\"stringDate\" readonly=\"readonly\">\n    <button matSuffix mat-icon-button (click)=\"showDialog()\">\n        <mat-icon>calendar_month</mat-icon>\n    </button>\n</mat-form-field>" }]
+    }], () => [{ type: i1$1.MatDialog }, { type: i2.DatePipe }], { stepHours: [{
+            type: Input
+        }], stepMinutes: [{
+            type: Input
+        }], stepSecondes: [{
+            type: Input
+        }], minimumDate: [{
+            type: Input
+        }], maximumDate: [{
+            type: Input
+        }], showSeconds: [{
+            type: Input
+        }], showFormat: [{
+            type: Input
+        }], selectedChange: [{
+            type: Output
+        }], value: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib/cauca-date-time-picker/cauca-date-time-picker.component.ts", lineNumber: 24 }); })();
+
 class MenuItem {
     constructor(label, path, icon = '') {
         this.label = label;
@@ -857,5 +1191,5 @@ class MenuItem {
  * Generated bundle index. Do not edit.
  */
 
-export { CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, MenuItem };
+export { CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, MenuItem };
 //# sourceMappingURL=cauca-911-material.mjs.map