@shival99/z-ui 2.1.32 → 2.2.0

package/fesm2022/shival99-z-ui-components-z-calendar.mjs

@@ -715,10 +715,10 @@ class ZDayClassesPipe {
         const state = getDayState(day);
         return zCalendarDayVariants({ state });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZDayClassesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZDayClassesPipe, isStandalone: true, name: "zDayClasses" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZDayClassesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZDayClassesPipe, isStandalone: true, name: "zDayClasses" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZDayClassesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZDayClassesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zDayClasses',
@@ -747,10 +747,10 @@ class ZIsPresetDisabledPipe {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsPresetDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZIsPresetDisabledPipe, isStandalone: true, name: "zIsPresetDisabled" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsPresetDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZIsPresetDisabledPipe, isStandalone: true, name: "zIsPresetDisabled" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsPresetDisabledPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsPresetDisabledPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zIsPresetDisabled',
@@ -768,10 +768,10 @@ class ZIsEndHourDisabledPipe {
         const actualStartHour = to24Hour(context.startHour, context.startPeriod, context.timeFormat);
         return actualHour < actualStartHour;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndHourDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndHourDisabledPipe, isStandalone: true, name: "zIsEndHourDisabled" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndHourDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndHourDisabledPipe, isStandalone: true, name: "zIsEndHourDisabled" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndHourDisabledPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndHourDisabledPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zIsEndHourDisabled',
@@ -791,10 +791,10 @@ class ZIsEndMinuteDisabledPipe {
         }
         return minute < context.startMinute;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndMinuteDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndMinuteDisabledPipe, isStandalone: true, name: "zIsEndMinuteDisabled" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndMinuteDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndMinuteDisabledPipe, isStandalone: true, name: "zIsEndMinuteDisabled" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndMinuteDisabledPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndMinuteDisabledPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zIsEndMinuteDisabled',
@@ -817,10 +817,10 @@ class ZIsEndSecondDisabledPipe {
         }
         return second <= context.startSecond;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndSecondDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndSecondDisabledPipe, isStandalone: true, name: "zIsEndSecondDisabled" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndSecondDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndSecondDisabledPipe, isStandalone: true, name: "zIsEndSecondDisabled" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndSecondDisabledPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndSecondDisabledPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zIsEndSecondDisabled',
@@ -834,10 +834,10 @@ class ZMonthClassesPipe {
         const state = getMonthState(monthIndex, selectedMonthIndex, todayMonthIndex);
         return zCalendarMonthVariants({ state });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZMonthClassesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZMonthClassesPipe, isStandalone: true, name: "zMonthClasses" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZMonthClassesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZMonthClassesPipe, isStandalone: true, name: "zMonthClasses" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZMonthClassesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZMonthClassesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zMonthClasses',
@@ -865,10 +865,10 @@ class ZIsStartMonthDisabledPipe {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsStartMonthDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZIsStartMonthDisabledPipe, isStandalone: true, name: "zIsStartMonthDisabled" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsStartMonthDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZIsStartMonthDisabledPipe, isStandalone: true, name: "zIsStartMonthDisabled" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsStartMonthDisabledPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsStartMonthDisabledPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zIsStartMonthDisabled',
@@ -895,10 +895,10 @@ class ZIsEndMonthDisabledPipe {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndMonthDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndMonthDisabledPipe, isStandalone: true, name: "zIsEndMonthDisabled" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndMonthDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndMonthDisabledPipe, isStandalone: true, name: "zIsEndMonthDisabled" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndMonthDisabledPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndMonthDisabledPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zIsEndMonthDisabled',
@@ -925,10 +925,10 @@ class ZIsStartYearDisabledPipe {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsStartYearDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZIsStartYearDisabledPipe, isStandalone: true, name: "zIsStartYearDisabled" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsStartYearDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZIsStartYearDisabledPipe, isStandalone: true, name: "zIsStartYearDisabled" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsStartYearDisabledPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsStartYearDisabledPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zIsStartYearDisabled',
@@ -955,10 +955,10 @@ class ZIsEndYearDisabledPipe {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndYearDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndYearDisabledPipe, isStandalone: true, name: "zIsEndYearDisabled" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndYearDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndYearDisabledPipe, isStandalone: true, name: "zIsEndYearDisabled" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZIsEndYearDisabledPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZIsEndYearDisabledPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zIsEndYearDisabled',
@@ -972,10 +972,10 @@ class ZQuarterClassesPipe {
         const state = getQuarterState(quarterIndex, selectedQuarterIndex, todayQuarterIndex);
         return zCalendarQuarterVariants({ state });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZQuarterClassesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZQuarterClassesPipe, isStandalone: true, name: "zQuarterClasses" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZQuarterClassesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZQuarterClassesPipe, isStandalone: true, name: "zQuarterClasses" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZQuarterClassesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZQuarterClassesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zQuarterClasses',
@@ -989,10 +989,10 @@ class ZYearClassesPipe {
         const state = getYearState(year, selectedYear, todayYear);
         return zCalendarYearVariants({ state });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZYearClassesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ZYearClassesPipe, isStandalone: true, name: "zYearClasses" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZYearClassesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ZYearClassesPipe, isStandalone: true, name: "zYearClasses" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZYearClassesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZYearClassesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zYearClasses',
@@ -1002,58 +1002,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
         }] });
 
 class ZCalendarComponent {
-    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
-    zMode = input('single', ...(ngDevMode ? [{ debugName: "zMode" }] : []));
-    zSize = input('default', ...(ngDevMode ? [{ debugName: "zSize" }] : []));
-    zLabel = input('', ...(ngDevMode ? [{ debugName: "zLabel" }] : []));
-    zLabelClass = input('', ...(ngDevMode ? [{ debugName: "zLabelClass" }] : []));
-    zPlaceholder = input(null, ...(ngDevMode ? [{ debugName: "zPlaceholder" }] : []));
-    zRequired = input(false, { ...(ngDevMode ? { debugName: "zRequired" } : {}), transform: zTransform });
-    zDisabled = input(false, { ...(ngDevMode ? { debugName: "zDisabled" } : {}), transform: zTransform });
-    zReadonly = input(false, { ...(ngDevMode ? { debugName: "zReadonly" } : {}), transform: zTransform });
-    zLoading = input(false, { ...(ngDevMode ? { debugName: "zLoading" } : {}), transform: zTransform });
-    zLoadingOutline = input(false, { ...(ngDevMode ? { debugName: "zLoadingOutline" } : {}), transform: zTransform });
-    zShowTime = input(false, { ...(ngDevMode ? { debugName: "zShowTime" } : {}), transform: zTransform });
-    zTimeFormat = input('24h', ...(ngDevMode ? [{ debugName: "zTimeFormat" }] : []));
-    zShowHour = input(true, { ...(ngDevMode ? { debugName: "zShowHour" } : {}), transform: zTransform });
-    zShowMinute = input(true, { ...(ngDevMode ? { debugName: "zShowMinute" } : {}), transform: zTransform });
-    zShowSecond = input(true, { ...(ngDevMode ? { debugName: "zShowSecond" } : {}), transform: zTransform });
-    zQuickSelect = input(false, { ...(ngDevMode ? { debugName: "zQuickSelect" } : {}), transform: zTransform });
-    zAllowEdit = input(true, { ...(ngDevMode ? { debugName: "zAllowEdit" } : {}), transform: zTransform });
-    zShortTime = input(false, { ...(ngDevMode ? { debugName: "zShortTime" } : {}), transform: zTransform });
-    zAllowClear = input(true, { ...(ngDevMode ? { debugName: "zAllowClear" } : {}), transform: zTransform });
-    zFormat = input('DD/MM/YYYY', ...(ngDevMode ? [{ debugName: "zFormat" }] : []));
-    zMinDate = input(null, ...(ngDevMode ? [{ debugName: "zMinDate" }] : []));
-    zMaxDate = input(null, ...(ngDevMode ? [{ debugName: "zMaxDate" }] : []));
-    zValueType = input('date', ...(ngDevMode ? [{ debugName: "zValueType" }] : []));
-    zValidators = input([], ...(ngDevMode ? [{ debugName: "zValidators" }] : []));
-    zShowOk = input(false, { ...(ngDevMode ? { debugName: "zShowOk" } : {}), transform: zTransform });
-    zOkText = input(null, ...(ngDevMode ? [{ debugName: "zOkText" }] : []));
-    zShowCancel = input(false, { ...(ngDevMode ? { debugName: "zShowCancel" } : {}), transform: zTransform });
-    zCancelText = input(null, ...(ngDevMode ? [{ debugName: "zCancelText" }] : []));
-    zDisabledDate = input(null, ...(ngDevMode ? [{ debugName: "zDisabledDate" }] : []));
-    zScrollClose = input(false, { ...(ngDevMode ? { debugName: "zScrollClose" } : {}), transform: zTransform });
-    zDefaultTime = input(null, ...(ngDevMode ? [{ debugName: "zDefaultTime" }] : []));
-    zRangeDefaultTime = input(null, ...(ngDevMode ? [{ debugName: "zRangeDefaultTime" }] : []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    zMode = input('single', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zMode" }] : /* istanbul ignore next */ []));
+    zSize = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zSize" }] : /* istanbul ignore next */ []));
+    zLabel = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zLabel" }] : /* istanbul ignore next */ []));
+    zLabelClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zLabelClass" }] : /* istanbul ignore next */ []));
+    zPlaceholder = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zPlaceholder" }] : /* istanbul ignore next */ []));
+    zRequired = input(false, { ...(ngDevMode ? { debugName: "zRequired" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zDisabled = input(false, { ...(ngDevMode ? { debugName: "zDisabled" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zReadonly = input(false, { ...(ngDevMode ? { debugName: "zReadonly" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zLoading = input(false, { ...(ngDevMode ? { debugName: "zLoading" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zLoadingOutline = input(false, { ...(ngDevMode ? { debugName: "zLoadingOutline" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zShowTime = input(false, { ...(ngDevMode ? { debugName: "zShowTime" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zTimeFormat = input('24h', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zTimeFormat" }] : /* istanbul ignore next */ []));
+    zShowHour = input(true, { ...(ngDevMode ? { debugName: "zShowHour" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zShowMinute = input(true, { ...(ngDevMode ? { debugName: "zShowMinute" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zShowSecond = input(true, { ...(ngDevMode ? { debugName: "zShowSecond" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zQuickSelect = input(false, { ...(ngDevMode ? { debugName: "zQuickSelect" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zAllowEdit = input(true, { ...(ngDevMode ? { debugName: "zAllowEdit" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zShortTime = input(false, { ...(ngDevMode ? { debugName: "zShortTime" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zAllowClear = input(true, { ...(ngDevMode ? { debugName: "zAllowClear" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zFormat = input('DD/MM/YYYY', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zFormat" }] : /* istanbul ignore next */ []));
+    zMinDate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zMinDate" }] : /* istanbul ignore next */ []));
+    zMaxDate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zMaxDate" }] : /* istanbul ignore next */ []));
+    zValueType = input('date', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zValueType" }] : /* istanbul ignore next */ []));
+    zValidators = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zValidators" }] : /* istanbul ignore next */ []));
+    zShowOk = input(false, { ...(ngDevMode ? { debugName: "zShowOk" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zOkText = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zOkText" }] : /* istanbul ignore next */ []));
+    zShowCancel = input(false, { ...(ngDevMode ? { debugName: "zShowCancel" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zCancelText = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zCancelText" }] : /* istanbul ignore next */ []));
+    zDisabledDate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zDisabledDate" }] : /* istanbul ignore next */ []));
+    zScrollClose = input(false, { ...(ngDevMode ? { debugName: "zScrollClose" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zDefaultTime = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zDefaultTime" }] : /* istanbul ignore next */ []));
+    zRangeDefaultTime = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zRangeDefaultTime" }] : /* istanbul ignore next */ []));
     zControl = output();
     zChange = output();
     zOnBlur = output();
     zOnFocus = output();
     zEvent = output();
-    triggerRef = viewChild('triggerEl', ...(ngDevMode ? [{ debugName: "triggerRef" }] : []));
-    inputRef = viewChild('inputEl', ...(ngDevMode ? [{ debugName: "inputRef" }] : []));
-    startInputRef = viewChild('startInputEl', ...(ngDevMode ? [{ debugName: "startInputRef" }] : []));
-    endInputRef = viewChild('endInputEl', ...(ngDevMode ? [{ debugName: "endInputRef" }] : []));
+    triggerRef = viewChild('triggerEl', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "triggerRef" }] : /* istanbul ignore next */ []));
+    inputRef = viewChild('inputEl', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputRef" }] : /* istanbul ignore next */ []));
+    startInputRef = viewChild('startInputEl', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startInputRef" }] : /* istanbul ignore next */ []));
+    endInputRef = viewChild('endInputEl', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endInputRef" }] : /* istanbul ignore next */ []));
     pickerId = zUuid('z-calendar');
-    weekdayNames = computed(() => getWeekdayNames(this.zLocale()), ...(ngDevMode ? [{ debugName: "weekdayNames" }] : []));
-    monthNames = computed(() => getMonthNames(this.zLocale()), ...(ngDevMode ? [{ debugName: "monthNames" }] : []));
+    weekdayNames = computed(() => getWeekdayNames(this.zLocale()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "weekdayNames" }] : /* istanbul ignore next */ []));
+    monthNames = computed(() => getMonthNames(this.zLocale()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "monthNames" }] : /* istanbul ignore next */ []));
     quickSelectPresets = getQuickSelectPresets();
     hourOptions = computed(() => {
         if (this.zTimeFormat() === '12h') {
             return Array.from({ length: 12 }, (_, i) => i + 1);
         }
         return Array.from({ length: 24 }, (_, i) => i);
-    }, ...(ngDevMode ? [{ debugName: "hourOptions" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hourOptions" }] : /* istanbul ignore next */ []));
     minuteOptions = Array.from({ length: 60 }, (_, i) => i);
     secondOptions = Array.from({ length: 60 }, (_, i) => i);
     formattedHour = computed(() => {
@@ -1063,45 +1087,72 @@ class ZCalendarComponent {
             return formatTimeValue(h12);
         }
         return formatTimeValue(h);
-    }, ...(ngDevMode ? [{ debugName: "formattedHour" }] : []));
-    formattedMinute = computed(() => formatTimeValue(this.minute()), ...(ngDevMode ? [{ debugName: "formattedMinute" }] : []));
-    formattedSecond = computed(() => formatTimeValue(this.second()), ...(ngDevMode ? [{ debugName: "formattedSecond" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formattedHour" }] : /* istanbul ignore next */ []));
+    formattedMinute = computed(() => formatTimeValue(this.minute()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formattedMinute" }] : /* istanbul ignore next */ []));
+    formattedSecond = computed(() => formatTimeValue(this.second()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formattedSecond" }] : /* istanbul ignore next */ []));
     displayHour = computed(() => {
         const h = this.hour();
         if (this.zTimeFormat() === '12h') {
             return h % 12 || 12;
         }
         return h;
-    }, ...(ngDevMode ? [{ debugName: "displayHour" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayHour" }] : /* istanbul ignore next */ []));
     displayHourEnd = computed(() => {
         const h = this._hourEnd();
         if (this.zTimeFormat() === '12h') {
             return h % 12 || 12;
         }
         return h;
-    }, ...(ngDevMode ? [{ debugName: "displayHourEnd" }] : []));
-    _popoverControl = signal(null, ...(ngDevMode ? [{ debugName: "_popoverControl" }] : []));
-    _selectedDate = signal(null, ...(ngDevMode ? [{ debugName: "_selectedDate" }] : []));
-    _rangeStart = signal(null, ...(ngDevMode ? [{ debugName: "_rangeStart" }] : []));
-    _rangeEnd = signal(null, ...(ngDevMode ? [{ debugName: "_rangeEnd" }] : []));
-    _currentMonth = signal(getToday(), ...(ngDevMode ? [{ debugName: "_currentMonth" }] : []));
-    _endMonth = signal(addMonths(getToday(), 1), ...(ngDevMode ? [{ debugName: "_endMonth" }] : []));
-    _hourEnd = signal(0, ...(ngDevMode ? [{ debugName: "_hourEnd" }] : []));
-    _minuteEnd = signal(0, ...(ngDevMode ? [{ debugName: "_minuteEnd" }] : []));
-    _secondEnd = signal(0, ...(ngDevMode ? [{ debugName: "_secondEnd" }] : []));
-    _periodEnd = signal('AM', ...(ngDevMode ? [{ debugName: "_periodEnd" }] : []));
-    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
-    _formControl = signal(null, ...(ngDevMode ? [{ debugName: "_formControl" }] : []));
-    _formStateVersion = signal(0, ...(ngDevMode ? [{ debugName: "_formStateVersion" }] : []));
-    _customError = signal(null, ...(ngDevMode ? [{ debugName: "_customError" }] : []));
-    _backupSelectedDate = signal(null, ...(ngDevMode ? [{ debugName: "_backupSelectedDate" }] : []));
-    _backupRangeStart = signal(null, ...(ngDevMode ? [{ debugName: "_backupRangeStart" }] : []));
-    _backupRangeEnd = signal(null, ...(ngDevMode ? [{ debugName: "_backupRangeEnd" }] : []));
-    _backupActivePresetKey = signal(null, ...(ngDevMode ? [{ debugName: "_backupActivePresetKey" }] : []));
-    _backupShortDisplayPresetKey = signal(null, ...(ngDevMode ? [{ debugName: "_backupShortDisplayPresetKey" }] : []));
-    _appliedViaOk = signal(false, ...(ngDevMode ? [{ debugName: "_appliedViaOk" }] : []));
-    _hasTypedDraft = signal(false, ...(ngDevMode ? [{ debugName: "_hasTypedDraft" }] : []));
-    _skipBlurHandler = signal(false, ...(ngDevMode ? [{ debugName: "_skipBlurHandler" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayHourEnd" }] : /* istanbul ignore next */ []));
+    _popoverControl = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_popoverControl" }] : /* istanbul ignore next */ []));
+    _selectedDate = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_selectedDate" }] : /* istanbul ignore next */ []));
+    _rangeStart = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_rangeStart" }] : /* istanbul ignore next */ []));
+    _rangeEnd = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_rangeEnd" }] : /* istanbul ignore next */ []));
+    _currentMonth = signal(getToday(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_currentMonth" }] : /* istanbul ignore next */ []));
+    _endMonth = signal(addMonths(getToday(), 1), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_endMonth" }] : /* istanbul ignore next */ []));
+    _hourEnd = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hourEnd" }] : /* istanbul ignore next */ []));
+    _minuteEnd = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_minuteEnd" }] : /* istanbul ignore next */ []));
+    _secondEnd = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_secondEnd" }] : /* istanbul ignore next */ []));
+    _periodEnd = signal('AM', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_periodEnd" }] : /* istanbul ignore next */ []));
+    _disabled = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
+    _formControl = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_formControl" }] : /* istanbul ignore next */ []));
+    _formStateVersion = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_formStateVersion" }] : /* istanbul ignore next */ []));
+    _customError = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_customError" }] : /* istanbul ignore next */ []));
+    _backupSelectedDate = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_backupSelectedDate" }] : /* istanbul ignore next */ []));
+    _backupRangeStart = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_backupRangeStart" }] : /* istanbul ignore next */ []));
+    _backupRangeEnd = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_backupRangeEnd" }] : /* istanbul ignore next */ []));
+    _backupActivePresetKey = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_backupActivePresetKey" }] : /* istanbul ignore next */ []));
+    _backupShortDisplayPresetKey = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_backupShortDisplayPresetKey" }] : /* istanbul ignore next */ []));
+    _appliedViaOk = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_appliedViaOk" }] : /* istanbul ignore next */ []));
+    _hasTypedDraft = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hasTypedDraft" }] : /* istanbul ignore next */ []));
+    _skipBlurHandler = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_skipBlurHandler" }] : /* istanbul ignore next */ []));
     _injector = inject(Injector);
     _destroyRef = inject(DestroyRef);
     _zTranslate = inject(ZTranslateService);
@@ -1109,17 +1160,28 @@ class ZCalendarComponent {
     _onChange = () => void 0;
     _onTouched = () => void 0;
     _ngControl = null;
-    _isNgModel = signal(false, ...(ngDevMode ? [{ debugName: "_isNgModel" }] : []));
-    isOpen = computed(() => this._popoverControl()?.isVisible() ?? false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
-    hoveredDate = signal(null, ...(ngDevMode ? [{ debugName: "hoveredDate" }] : []));
-    currentView = signal('day', ...(ngDevMode ? [{ debugName: "currentView" }] : []));
-    endView = signal('day', ...(ngDevMode ? [{ debugName: "endView" }] : []));
-    hour = signal(0, ...(ngDevMode ? [{ debugName: "hour" }] : []));
-    minute = signal(0, ...(ngDevMode ? [{ debugName: "minute" }] : []));
-    second = signal(0, ...(ngDevMode ? [{ debugName: "second" }] : []));
-    period = signal('AM', ...(ngDevMode ? [{ debugName: "period" }] : []));
-    inputDisplayValue = signal('', ...(ngDevMode ? [{ debugName: "inputDisplayValue" }] : []));
-    isInputFocused = signal(false, ...(ngDevMode ? [{ debugName: "isInputFocused" }] : []));
+    _isNgModel = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isNgModel" }] : /* istanbul ignore next */ []));
+    isOpen = computed(() => this._popoverControl()?.isVisible() ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    hoveredDate = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hoveredDate" }] : /* istanbul ignore next */ []));
+    currentView = signal('day', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentView" }] : /* istanbul ignore next */ []));
+    endView = signal('day', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endView" }] : /* istanbul ignore next */ []));
+    hour = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hour" }] : /* istanbul ignore next */ []));
+    minute = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minute" }] : /* istanbul ignore next */ []));
+    second = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "second" }] : /* istanbul ignore next */ []));
+    period = signal('AM', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "period" }] : /* istanbul ignore next */ []));
+    inputDisplayValue = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputDisplayValue" }] : /* istanbul ignore next */ []));
+    isInputFocused = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isInputFocused" }] : /* istanbul ignore next */ []));
     activePresetKey = linkedSignal(() => {
         const start = this._rangeStart();
         const end = this._rangeEnd();
@@ -1127,7 +1189,8 @@ class ZCalendarComponent {
             return this._detectMatchingPreset(start, end);
         }
         return null;
-    }, ...(ngDevMode ? [{ debugName: "activePresetKey" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activePresetKey" }] : /* istanbul ignore next */ []));
     shortDisplayPresetKey = linkedSignal(() => {
         const start = this._rangeStart();
         const end = this._rangeEnd();
@@ -1138,12 +1201,14 @@ class ZCalendarComponent {
             }
         }
         return null;
-    }, ...(ngDevMode ? [{ debugName: "shortDisplayPresetKey" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shortDisplayPresetKey" }] : /* istanbul ignore next */ []));
     quickSelectOptions = computed(() => this.quickSelectPresets.map(preset => ({
         label: preset.label,
         value: preset.key,
         disabled: this._isQuickSelectPresetDisabled(preset),
-    })), ...(ngDevMode ? [{ debugName: "quickSelectOptions" }] : []));
+    })), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "quickSelectOptions" }] : /* istanbul ignore next */ []));
     rangeShortDisplayValue = computed(() => {
         this._zTranslate.currentLang();
         if (!this.isRangeMode() || !this.zQuickSelect() || this.zAllowEdit() || !this.zShortTime()) {
@@ -1154,7 +1219,8 @@ class ZCalendarComponent {
             return this._zTranslate.instant(activePreset.label);
         }
         return '';
-    }, ...(ngDevMode ? [{ debugName: "rangeShortDisplayValue" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rangeShortDisplayValue" }] : /* istanbul ignore next */ []));
     uiState = signal({
         hasViewChanged: false,
         hasEndViewChanged: false,
@@ -1163,16 +1229,19 @@ class ZCalendarComponent {
         isFocused: false,
         touched: false,
         dirty: false,
-    }, ...(ngDevMode ? [{ debugName: "uiState" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "uiState" }] : /* istanbul ignore next */ []));
     quarterNames = ['Q1', 'Q2', 'Q3', 'Q4'];
     todayQuarterIndex = computed(() => {
         const today = new Date();
         return Math.floor(today.getMonth() / 3);
-    }, ...(ngDevMode ? [{ debugName: "todayQuarterIndex" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "todayQuarterIndex" }] : /* istanbul ignore next */ []));
     selectedQuarterIndex = computed(() => {
         const date = this._selectedDate();
         return date ? Math.floor(date.getMonth() / 3) : -1;
-    }, ...(ngDevMode ? [{ debugName: "selectedQuarterIndex" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedQuarterIndex" }] : /* istanbul ignore next */ []));
     isSameDayRange = computed(() => {
         if (!this.isRangeMode()) {
             return false;
@@ -1183,9 +1252,12 @@ class ZCalendarComponent {
             return false;
         }
         return isSameDay(start, end);
-    }, ...(ngDevMode ? [{ debugName: "isSameDayRange" }] : []));
-    isDisabled = computed(() => this._disabled() || this.zDisabled() || this.zLoading(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
-    isRangeMode = computed(() => this.zMode() === 'range', ...(ngDevMode ? [{ debugName: "isRangeMode" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isSameDayRange" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this._disabled() || this.zDisabled() || this.zLoading(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    isRangeMode = computed(() => this.zMode() === 'range', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isRangeMode" }] : /* istanbul ignore next */ []));
     canApply = computed(() => {
         if (this.isTimeMode()) {
             return true;
@@ -1194,13 +1266,20 @@ class ZCalendarComponent {
             return this._rangeStart() !== null && this._rangeEnd() !== null;
         }
         return this._selectedDate() !== null;
-    }, ...(ngDevMode ? [{ debugName: "canApply" }] : []));
-    showOkButton = computed(() => this.zShowOk() || this.zShowTime() || this.isTimeMode(), ...(ngDevMode ? [{ debugName: "showOkButton" }] : []));
-    showCancelButton = computed(() => this.zShowCancel() || this.zShowTime() || this.isTimeMode(), ...(ngDevMode ? [{ debugName: "showCancelButton" }] : []));
-    isTimeMode = computed(() => this.zMode() === 'time', ...(ngDevMode ? [{ debugName: "isTimeMode" }] : []));
-    isMonthMode = computed(() => this.zMode() === 'month', ...(ngDevMode ? [{ debugName: "isMonthMode" }] : []));
-    isYearMode = computed(() => this.zMode() === 'year', ...(ngDevMode ? [{ debugName: "isYearMode" }] : []));
-    isQuarterMode = computed(() => this.zMode() === 'quarter', ...(ngDevMode ? [{ debugName: "isQuarterMode" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []));
+    showOkButton = computed(() => this.zShowOk() || this.zShowTime() || this.isTimeMode(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showOkButton" }] : /* istanbul ignore next */ []));
+    showCancelButton = computed(() => this.zShowCancel() || this.zShowTime() || this.isTimeMode(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showCancelButton" }] : /* istanbul ignore next */ []));
+    isTimeMode = computed(() => this.zMode() === 'time', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isTimeMode" }] : /* istanbul ignore next */ []));
+    isMonthMode = computed(() => this.zMode() === 'month', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isMonthMode" }] : /* istanbul ignore next */ []));
+    isYearMode = computed(() => this.zMode() === 'year', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isYearMode" }] : /* istanbul ignore next */ []));
+    isQuarterMode = computed(() => this.zMode() === 'quarter', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isQuarterMode" }] : /* istanbul ignore next */ []));
     todayButtonText = computed(() => {
         this._zTranslate.currentLang();
         if (this.isQuarterMode()) {
@@ -1216,20 +1295,27 @@ class ZCalendarComponent {
             return this._zTranslate.instant('i18n_z_ui_calendar_now');
         }
         return this._zTranslate.instant('i18n_z_ui_calendar_today');
-    }, ...(ngDevMode ? [{ debugName: "todayButtonText" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "todayButtonText" }] : /* istanbul ignore next */ []));
     currentMonth = this._currentMonth.asReadonly();
-    currentYear = computed(() => this._currentMonth().getFullYear(), ...(ngDevMode ? [{ debugName: "currentYear" }] : []));
-    currentMonthIndex = computed(() => this._currentMonth().getMonth(), ...(ngDevMode ? [{ debugName: "currentMonthIndex" }] : []));
-    todayMonthIndex = computed(() => new Date().getMonth(), ...(ngDevMode ? [{ debugName: "todayMonthIndex" }] : []));
-    todayYear = computed(() => new Date().getFullYear(), ...(ngDevMode ? [{ debugName: "todayYear" }] : []));
+    currentYear = computed(() => this._currentMonth().getFullYear(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentYear" }] : /* istanbul ignore next */ []));
+    currentMonthIndex = computed(() => this._currentMonth().getMonth(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentMonthIndex" }] : /* istanbul ignore next */ []));
+    todayMonthIndex = computed(() => new Date().getMonth(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "todayMonthIndex" }] : /* istanbul ignore next */ []));
+    todayYear = computed(() => new Date().getFullYear(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "todayYear" }] : /* istanbul ignore next */ []));
     selectedMonthIndex = computed(() => {
         const date = this._selectedDate();
         return date ? date.getMonth() : -1;
-    }, ...(ngDevMode ? [{ debugName: "selectedMonthIndex" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedMonthIndex" }] : /* istanbul ignore next */ []));
     selectedYear = computed(() => {
         const date = this._selectedDate();
         return date ? date.getFullYear() : -1;
-    }, ...(ngDevMode ? [{ debugName: "selectedYear" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedYear" }] : /* istanbul ignore next */ []));
     endTimeContext = computed(() => ({
         isSameDay: this.isSameDayRange(),
         startHour: this.hour(),
@@ -1240,47 +1326,55 @@ class ZCalendarComponent {
         timeFormat: this.zTimeFormat(),
         startPeriod: this.period(),
         endPeriod: this._periodEnd(),
-    }), ...(ngDevMode ? [{ debugName: "endTimeContext" }] : []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endTimeContext" }] : /* istanbul ignore next */ []));
     startMonthDisabledContext = computed(() => ({
         currentYear: this._currentMonth().getFullYear(),
         endYear: this._endMonth().getFullYear(),
         endMonthIndex: this._endMonth().getMonth(),
         isRangeMode: this.isRangeMode(),
         disabledDateFn: this.zDisabledDate(),
-    }), ...(ngDevMode ? [{ debugName: "startMonthDisabledContext" }] : []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startMonthDisabledContext" }] : /* istanbul ignore next */ []));
     endMonthDisabledContext = computed(() => ({
         startYear: this._currentMonth().getFullYear(),
         startMonthIndex: this._currentMonth().getMonth(),
         endYear: this._endMonth().getFullYear(),
         isRangeMode: this.isRangeMode(),
         disabledDateFn: this.zDisabledDate(),
-    }), ...(ngDevMode ? [{ debugName: "endMonthDisabledContext" }] : []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endMonthDisabledContext" }] : /* istanbul ignore next */ []));
     startYearDisabledContext = computed(() => ({
         endYear: this._endMonth().getFullYear(),
         startMonthIndex: this._currentMonth().getMonth(),
         endMonthIndex: this._endMonth().getMonth(),
         isRangeMode: this.isRangeMode(),
         disabledDateFn: this.zDisabledDate(),
-    }), ...(ngDevMode ? [{ debugName: "startYearDisabledContext" }] : []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startYearDisabledContext" }] : /* istanbul ignore next */ []));
     endYearDisabledContext = computed(() => ({
         startYear: this._currentMonth().getFullYear(),
         startMonthIndex: this._currentMonth().getMonth(),
         endMonthIndex: this._endMonth().getMonth(),
         isRangeMode: this.isRangeMode(),
         disabledDateFn: this.zDisabledDate(),
-    }), ...(ngDevMode ? [{ debugName: "endYearDisabledContext" }] : []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endYearDisabledContext" }] : /* istanbul ignore next */ []));
     currentMonthName = computed(() => {
         const month = this._currentMonth();
         return month.toLocaleDateString(this.zLocale(), { month: 'short' });
-    }, ...(ngDevMode ? [{ debugName: "currentMonthName" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentMonthName" }] : /* istanbul ignore next */ []));
     yearRange = computed(() => {
         const currentYear = this._currentMonth().getFullYear();
         return getYearRange(currentYear, 12);
-    }, ...(ngDevMode ? [{ debugName: "yearRange" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "yearRange" }] : /* istanbul ignore next */ []));
     yearRangeSmall = computed(() => {
         const currentYear = this._currentMonth().getFullYear();
         return getYearRange(currentYear, 9);
-    }, ...(ngDevMode ? [{ debugName: "yearRangeSmall" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "yearRangeSmall" }] : /* istanbul ignore next */ []));
     calendarDays = computed(() => {
         const month = this._currentMonth();
         const year = month.getFullYear();
@@ -1295,13 +1389,16 @@ class ZCalendarComponent {
             disabledDate: this.zDisabledDate(),
             suppressOtherMonthRangeState: this.isRangeMode(),
         });
-    }, ...(ngDevMode ? [{ debugName: "calendarDays" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "calendarDays" }] : /* istanbul ignore next */ []));
     endMonth = this._endMonth.asReadonly();
     endMonthName = computed(() => {
         const month = this._endMonth();
         return month.toLocaleDateString(this.zLocale(), { month: 'short' });
-    }, ...(ngDevMode ? [{ debugName: "endMonthName" }] : []));
-    endMonthYear = computed(() => this._endMonth().getFullYear(), ...(ngDevMode ? [{ debugName: "endMonthYear" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endMonthName" }] : /* istanbul ignore next */ []));
+    endMonthYear = computed(() => this._endMonth().getFullYear(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endMonthYear" }] : /* istanbul ignore next */ []));
     calendarDaysEnd = computed(() => {
         const month = this._endMonth();
         const year = month.getFullYear();
@@ -1316,17 +1413,22 @@ class ZCalendarComponent {
             disabledDate: this.zDisabledDate(),
             suppressOtherMonthRangeState: this.isRangeMode(),
         });
-    }, ...(ngDevMode ? [{ debugName: "calendarDaysEnd" }] : []));
-    formattedHourEnd = computed(() => formatTimeValue(this.zTimeFormat() === '12h' ? this._hourEnd() % 12 || 12 : this._hourEnd()), ...(ngDevMode ? [{ debugName: "formattedHourEnd" }] : []));
-    formattedMinuteEnd = computed(() => formatTimeValue(this._minuteEnd()), ...(ngDevMode ? [{ debugName: "formattedMinuteEnd" }] : []));
-    formattedSecondEnd = computed(() => formatTimeValue(this._secondEnd()), ...(ngDevMode ? [{ debugName: "formattedSecondEnd" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "calendarDaysEnd" }] : /* istanbul ignore next */ []));
+    formattedHourEnd = computed(() => formatTimeValue(this.zTimeFormat() === '12h' ? this._hourEnd() % 12 || 12 : this._hourEnd()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formattedHourEnd" }] : /* istanbul ignore next */ []));
+    formattedMinuteEnd = computed(() => formatTimeValue(this._minuteEnd()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formattedMinuteEnd" }] : /* istanbul ignore next */ []));
+    formattedSecondEnd = computed(() => formatTimeValue(this._secondEnd()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formattedSecondEnd" }] : /* istanbul ignore next */ []));
     minuteEnd = this._minuteEnd.asReadonly();
     secondEnd = this._secondEnd.asReadonly();
     periodEnd = this._periodEnd.asReadonly();
     endYearRange = computed(() => {
         const currentYear = this._endMonth().getFullYear();
         return getYearRange(currentYear);
-    }, ...(ngDevMode ? [{ debugName: "endYearRange" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endYearRange" }] : /* istanbul ignore next */ []));
     canNavigateStartNext = computed(() => {
         if (!this.isRangeMode()) {
             return true;
@@ -1349,7 +1451,8 @@ class ZCalendarComponent {
             return lastYearInRange < end.getFullYear() - 1;
         }
         return true;
-    }, ...(ngDevMode ? [{ debugName: "canNavigateStartNext" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canNavigateStartNext" }] : /* istanbul ignore next */ []));
     canNavigateEndPrev = computed(() => {
         if (!this.isRangeMode()) {
             return true;
@@ -1372,7 +1475,8 @@ class ZCalendarComponent {
             return firstYearInRange > start.getFullYear() + 1;
         }
         return true;
-    }, ...(ngDevMode ? [{ debugName: "canNavigateEndPrev" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canNavigateEndPrev" }] : /* istanbul ignore next */ []));
     displayValue = computed(() => {
         const format = this.zFormat();
         const formatHasTime = hasTimeTokens(format);
@@ -1385,7 +1489,8 @@ class ZCalendarComponent {
             return this._formatDisplayValue(`${format} ${timeFormat}`);
         }
         return this._formatDisplayValue(format);
-    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
     _formatDisplayValue(format) {
         if (this.isRangeMode()) {
             const start = this._rangeStart();
@@ -1411,21 +1516,26 @@ class ZCalendarComponent {
         }
         return formatDate(date, format, this.zLocale());
     }
-    _inputDisplayStart = signal('', ...(ngDevMode ? [{ debugName: "_inputDisplayStart" }] : []));
-    _inputDisplayEnd = signal('', ...(ngDevMode ? [{ debugName: "_inputDisplayEnd" }] : []));
+    _inputDisplayStart = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_inputDisplayStart" }] : /* istanbul ignore next */ []));
+    _inputDisplayEnd = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_inputDisplayEnd" }] : /* istanbul ignore next */ []));
     inputDisplayStart = this._inputDisplayStart.asReadonly();
     inputDisplayEnd = this._inputDisplayEnd.asReadonly();
     displayValueStart = computed(() => {
         const format = this._getDisplayFormatStart();
         const start = this._rangeStart();
         return start ? formatDate(start, format, this.zLocale()) : '';
-    }, ...(ngDevMode ? [{ debugName: "displayValueStart" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayValueStart" }] : /* istanbul ignore next */ []));
     displayValueEnd = computed(() => {
         const format = this._getDisplayFormatEnd();
         const end = this._rangeEnd();
         return end ? formatDate(end, format, this.zLocale()) : '';
-    }, ...(ngDevMode ? [{ debugName: "displayValueEnd" }] : []));
-    effectivePlaceholder = computed(() => this.zPlaceholder() ?? '', ...(ngDevMode ? [{ debugName: "effectivePlaceholder" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayValueEnd" }] : /* istanbul ignore next */ []));
+    effectivePlaceholder = computed(() => this.zPlaceholder() ?? '', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectivePlaceholder" }] : /* istanbul ignore next */ []));
     _getDisplayFormatStart() {
         const format = this.zFormat();
         const formatHasTime = hasTimeTokens(format);
@@ -1453,13 +1563,15 @@ class ZCalendarComponent {
             return false;
         }
         return this.displayValue() !== '';
-    }, ...(ngDevMode ? [{ debugName: "showClearButton" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showClearButton" }] : /* istanbul ignore next */ []));
     hasValue = computed(() => {
         if (this.isRangeMode()) {
             return this._rangeStart() !== null && this._rangeEnd() !== null;
         }
         return this._selectedDate() !== null;
-    }, ...(ngDevMode ? [{ debugName: "hasValue" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
     currentStatus = computed(() => {
         if (this.isDisabled()) {
             return 'disabled';
@@ -1474,13 +1586,15 @@ class ZCalendarComponent {
             return 'error';
         }
         return 'default';
-    }, ...(ngDevMode ? [{ debugName: "currentStatus" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentStatus" }] : /* istanbul ignore next */ []));
     triggerClasses = computed(() => zMergeClasses(zCalendarVariants({
         zSize: this.zSize(),
         zStatus: this.currentStatus(),
     }), this.zLoading() && this.zLoadingOutline() ? 'z-loading-outline-active !ring-ring/50 !ring-[3px]' : '', !this.zAllowEdit() && !this.isDisabled() && !this.zReadonly()
         ? 'cursor-pointer hover:bg-muted/30 [&_input]:cursor-pointer'
-        : '', this.class()), ...(ngDevMode ? [{ debugName: "triggerClasses" }] : []));
+        : '', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "triggerClasses" }] : /* istanbul ignore next */ []));
     _shouldShowValidation = computed(() => {
         const control = this._formControl();
         this._formStateVersion();
@@ -1492,7 +1606,8 @@ class ZCalendarComponent {
             return control.dirty;
         }
         return this.uiState().dirty || this.uiState().touched;
-    }, ...(ngDevMode ? [{ debugName: "_shouldShowValidation" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_shouldShowValidation" }] : /* istanbul ignore next */ []));
     hasError = computed(() => {
         // Check custom error first (from setErrorMessage)
         if (this._customError()) {
@@ -1508,7 +1623,8 @@ class ZCalendarComponent {
             return false;
         }
         return control.invalid && this._shouldShowValidation();
-    }, ...(ngDevMode ? [{ debugName: "hasError" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
     errorMessage = computed(() => {
         // Check custom error first (from setErrorMessage)
         const customError = this._customError();
@@ -1535,7 +1651,8 @@ class ZCalendarComponent {
             return this._zTranslate.instant('i18n_z_ui_calendar_required');
         }
         return '';
-    }, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const date = this._selectedDate();
@@ -3636,8 +3753,8 @@ class ZCalendarComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: ZCalendarComponent, isStandalone: true, selector: "z-calendar", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zMode: { classPropertyName: "zMode", publicName: "zMode", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zLabel: { classPropertyName: "zLabel", publicName: "zLabel", isSignal: true, isRequired: false, transformFunction: null }, zLabelClass: { classPropertyName: "zLabelClass", publicName: "zLabelClass", isSignal: true, isRequired: false, transformFunction: null }, zPlaceholder: { classPropertyName: "zPlaceholder", publicName: "zPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, zRequired: { classPropertyName: "zRequired", publicName: "zRequired", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zReadonly: { classPropertyName: "zReadonly", publicName: "zReadonly", isSignal: true, isRequired: false, transformFunction: null }, zLoading: { classPropertyName: "zLoading", publicName: "zLoading", isSignal: true, isRequired: false, transformFunction: null }, zLoadingOutline: { classPropertyName: "zLoadingOutline", publicName: "zLoadingOutline", isSignal: true, isRequired: false, transformFunction: null }, zShowTime: { classPropertyName: "zShowTime", publicName: "zShowTime", isSignal: true, isRequired: false, transformFunction: null }, zTimeFormat: { classPropertyName: "zTimeFormat", publicName: "zTimeFormat", isSignal: true, isRequired: false, transformFunction: null }, zShowHour: { classPropertyName: "zShowHour", publicName: "zShowHour", isSignal: true, isRequired: false, transformFunction: null }, zShowMinute: { classPropertyName: "zShowMinute", publicName: "zShowMinute", isSignal: true, isRequired: false, transformFunction: null }, zShowSecond: { classPropertyName: "zShowSecond", publicName: "zShowSecond", isSignal: true, isRequired: false, transformFunction: null }, zQuickSelect: { classPropertyName: "zQuickSelect", publicName: "zQuickSelect", isSignal: true, isRequired: false, transformFunction: null }, zAllowEdit: { classPropertyName: "zAllowEdit", publicName: "zAllowEdit", isSignal: true, isRequired: false, transformFunction: null }, zShortTime: { classPropertyName: "zShortTime", publicName: "zShortTime", isSignal: true, isRequired: false, transformFunction: null }, zAllowClear: { classPropertyName: "zAllowClear", publicName: "zAllowClear", isSignal: true, isRequired: false, transformFunction: null }, zFormat: { classPropertyName: "zFormat", publicName: "zFormat", isSignal: true, isRequired: false, transformFunction: null }, zMinDate: { classPropertyName: "zMinDate", publicName: "zMinDate", isSignal: true, isRequired: false, transformFunction: null }, zMaxDate: { classPropertyName: "zMaxDate", publicName: "zMaxDate", isSignal: true, isRequired: false, transformFunction: null }, zValueType: { classPropertyName: "zValueType", publicName: "zValueType", isSignal: true, isRequired: false, transformFunction: null }, zValidators: { classPropertyName: "zValidators", publicName: "zValidators", isSignal: true, isRequired: false, transformFunction: null }, zShowOk: { classPropertyName: "zShowOk", publicName: "zShowOk", isSignal: true, isRequired: false, transformFunction: null }, zOkText: { classPropertyName: "zOkText", publicName: "zOkText", isSignal: true, isRequired: false, transformFunction: null }, zShowCancel: { classPropertyName: "zShowCancel", publicName: "zShowCancel", isSignal: true, isRequired: false, transformFunction: null }, zCancelText: { classPropertyName: "zCancelText", publicName: "zCancelText", isSignal: true, isRequired: false, transformFunction: null }, zDisabledDate: { classPropertyName: "zDisabledDate", publicName: "zDisabledDate", isSignal: true, isRequired: false, transformFunction: null }, zScrollClose: { classPropertyName: "zScrollClose", publicName: "zScrollClose", isSignal: true, isRequired: false, transformFunction: null }, zDefaultTime: { classPropertyName: "zDefaultTime", publicName: "zDefaultTime", isSignal: true, isRequired: false, transformFunction: null }, zRangeDefaultTime: { classPropertyName: "zRangeDefaultTime", publicName: "zRangeDefaultTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zControl: "zControl", zChange: "zChange", zOnBlur: "zOnBlur", zOnFocus: "zOnFocus", zEvent: "zEvent" }, host: { classAttribute: "block min-w-0" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: ZCalendarComponent, isStandalone: true, selector: "z-calendar", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, zMode: { classPropertyName: "zMode", publicName: "zMode", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zLabel: { classPropertyName: "zLabel", publicName: "zLabel", isSignal: true, isRequired: false, transformFunction: null }, zLabelClass: { classPropertyName: "zLabelClass", publicName: "zLabelClass", isSignal: true, isRequired: false, transformFunction: null }, zPlaceholder: { classPropertyName: "zPlaceholder", publicName: "zPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, zRequired: { classPropertyName: "zRequired", publicName: "zRequired", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zReadonly: { classPropertyName: "zReadonly", publicName: "zReadonly", isSignal: true, isRequired: false, transformFunction: null }, zLoading: { classPropertyName: "zLoading", publicName: "zLoading", isSignal: true, isRequired: false, transformFunction: null }, zLoadingOutline: { classPropertyName: "zLoadingOutline", publicName: "zLoadingOutline", isSignal: true, isRequired: false, transformFunction: null }, zShowTime: { classPropertyName: "zShowTime", publicName: "zShowTime", isSignal: true, isRequired: false, transformFunction: null }, zTimeFormat: { classPropertyName: "zTimeFormat", publicName: "zTimeFormat", isSignal: true, isRequired: false, transformFunction: null }, zShowHour: { classPropertyName: "zShowHour", publicName: "zShowHour", isSignal: true, isRequired: false, transformFunction: null }, zShowMinute: { classPropertyName: "zShowMinute", publicName: "zShowMinute", isSignal: true, isRequired: false, transformFunction: null }, zShowSecond: { classPropertyName: "zShowSecond", publicName: "zShowSecond", isSignal: true, isRequired: false, transformFunction: null }, zQuickSelect: { classPropertyName: "zQuickSelect", publicName: "zQuickSelect", isSignal: true, isRequired: false, transformFunction: null }, zAllowEdit: { classPropertyName: "zAllowEdit", publicName: "zAllowEdit", isSignal: true, isRequired: false, transformFunction: null }, zShortTime: { classPropertyName: "zShortTime", publicName: "zShortTime", isSignal: true, isRequired: false, transformFunction: null }, zAllowClear: { classPropertyName: "zAllowClear", publicName: "zAllowClear", isSignal: true, isRequired: false, transformFunction: null }, zFormat: { classPropertyName: "zFormat", publicName: "zFormat", isSignal: true, isRequired: false, transformFunction: null }, zMinDate: { classPropertyName: "zMinDate", publicName: "zMinDate", isSignal: true, isRequired: false, transformFunction: null }, zMaxDate: { classPropertyName: "zMaxDate", publicName: "zMaxDate", isSignal: true, isRequired: false, transformFunction: null }, zValueType: { classPropertyName: "zValueType", publicName: "zValueType", isSignal: true, isRequired: false, transformFunction: null }, zValidators: { classPropertyName: "zValidators", publicName: "zValidators", isSignal: true, isRequired: false, transformFunction: null }, zShowOk: { classPropertyName: "zShowOk", publicName: "zShowOk", isSignal: true, isRequired: false, transformFunction: null }, zOkText: { classPropertyName: "zOkText", publicName: "zOkText", isSignal: true, isRequired: false, transformFunction: null }, zShowCancel: { classPropertyName: "zShowCancel", publicName: "zShowCancel", isSignal: true, isRequired: false, transformFunction: null }, zCancelText: { classPropertyName: "zCancelText", publicName: "zCancelText", isSignal: true, isRequired: false, transformFunction: null }, zDisabledDate: { classPropertyName: "zDisabledDate", publicName: "zDisabledDate", isSignal: true, isRequired: false, transformFunction: null }, zScrollClose: { classPropertyName: "zScrollClose", publicName: "zScrollClose", isSignal: true, isRequired: false, transformFunction: null }, zDefaultTime: { classPropertyName: "zDefaultTime", publicName: "zDefaultTime", isSignal: true, isRequired: false, transformFunction: null }, zRangeDefaultTime: { classPropertyName: "zRangeDefaultTime", publicName: "zRangeDefaultTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zControl: "zControl", zChange: "zChange", zOnBlur: "zOnBlur", zOnFocus: "zOnFocus", zEvent: "zEvent" }, host: { classAttribute: "block min-w-0" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ZCalendarComponent),
@@ -3646,7 +3763,7 @@ class ZCalendarComponent {
             TranslatePipe,
         ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerEl"], descendants: true, isSignal: true }, { propertyName: "inputRef", first: true, predicate: ["inputEl"], descendants: true, isSignal: true }, { propertyName: "startInputRef", first: true, predicate: ["startInputEl"], descendants: true, isSignal: true }, { propertyName: "endInputRef", first: true, predicate: ["endInputEl"], descendants: true, isSignal: true }], exportAs: ["zCalendar"], ngImport: i0, template: "<div class=\"z-calendar-wrapper flex w-full flex-col gap-2\">\n  @if (zLabel()) {\n    <label [for]=\"pickerId\" class=\"text-xs leading-none font-medium\" [class]=\"zLabelClass()\">\n      {{ zLabel() }}\n      @if (zRequired()) {\n        <span class=\"text-destructive! ml-0.5\">*</span>\n      }\n    </label>\n  }\n\n  <div class=\"relative\">\n    <div\n      #triggerEl\n      z-popover\n      [zPopoverContent]=\"calendarTpl\"\n      zPosition=\"bottom-left\"\n      zPopoverWidth=\"auto\"\n      [zOffset]=\"6\"\n      [zDisabled]=\"isDisabled() || zReadonly()\"\n      [zManualClose]=\"showCancelButton()\"\n      [zOutsideClickClose]=\"true\"\n      [zScrollClose]=\"zScrollClose()\"\n      zTrigger=\"click\"\n      zClass=\"border-0 shadow-none p-0\"\n      (zHideStart)=\"onPopoverHide()\"\n      (zShow)=\"onPopoverShow()\"\n      (zControl)=\"onPopoverControl($event)\"\n      [id]=\"pickerId\"\n      [class]=\"triggerClasses()\"\n      z-tooltip\n      [zContent]=\"displayValue()\"\n      zTooltipTrigger=\"hover\"\n      zTooltipPosition=\"top\"\n      [zTooltipDisabled]=\"isInputFocused() || isOpen() || !hasValue()\"\n      (keydown)=\"onTriggerKeydown($event)\">\n      <z-icon\n        [zType]=\"isRangeMode() ? 'lucideCalendarRange' : 'lucideCalendar'\"\n        zSize=\"16\"\n        class=\"text-muted-foreground shrink-0 cursor-pointer\"\n        (click)=\"$event.stopPropagation(); toggle()\" />\n\n      @if (isRangeMode()) {\n        <input\n          #startInputEl\n          type=\"text\"\n          data-range-type=\"start\"\n          class=\"placeholder:text-muted-foreground w-0 min-w-0 flex-1 truncate bg-transparent text-sm outline-none disabled:opacity-100\"\n          [class.cursor-pointer]=\"!zAllowEdit()\"\n          [class.pointer-events-none]=\"!zAllowEdit()\"\n          [class.text-center]=\"!rangeShortDisplayValue()\"\n          [class.text-left]=\"rangeShortDisplayValue()\"\n          [placeholder]=\"'i18n_z_ui_calendar_start_date' | translate\"\n          [value]=\"inputDisplayStart()\"\n          [disabled]=\"isDisabled()\"\n          [readonly]=\"zReadonly() || !zAllowEdit()\"\n          (click)=\"zAllowEdit() && isOpen() && $event.stopPropagation()\"\n          (focus)=\"onInputFocus($event)\"\n          (input)=\"onStartInputChange($event)\"\n          (blur)=\"onInputBlur($event)\"\n          (keydown.enter)=\"onStartInputEnter($event)\"\n          (keydown.escape)=\"onStartInputEscape($event)\" />\n        @if (!rangeShortDisplayValue()) {\n          <span class=\"text-muted-foreground text-sm\">-</span>\n          <input\n            #endInputEl\n            type=\"text\"\n            data-range-type=\"end\"\n            class=\"placeholder:text-muted-foreground w-0 min-w-0 flex-1 truncate bg-transparent text-center text-sm outline-none disabled:opacity-100\"\n            [class.cursor-pointer]=\"!zAllowEdit()\"\n            [class.pointer-events-none]=\"!zAllowEdit()\"\n            [placeholder]=\"'i18n_z_ui_calendar_end_date' | translate\"\n            [value]=\"inputDisplayEnd()\"\n            [disabled]=\"isDisabled()\"\n            [readonly]=\"zReadonly() || !zAllowEdit()\"\n            (click)=\"zAllowEdit() && isOpen() && $event.stopPropagation()\"\n            (focus)=\"onInputFocus($event)\"\n            (input)=\"onEndInputChange($event)\"\n            (blur)=\"onInputBlur($event)\"\n            (keydown.enter)=\"onEndInputEnter($event)\"\n            (keydown.escape)=\"onEndInputEscape($event)\" />\n        }\n      } @else {\n        <input\n          #inputEl\n          type=\"text\"\n          class=\"placeholder:text-muted-foreground w-0 min-w-0 flex-1 truncate bg-transparent text-sm outline-none disabled:opacity-100\"\n          [class.cursor-pointer]=\"!zAllowEdit()\"\n          [class.pointer-events-none]=\"!zAllowEdit()\"\n          [placeholder]=\"effectivePlaceholder()\"\n          [value]=\"inputDisplayValue()\"\n          [disabled]=\"isDisabled()\"\n          [readonly]=\"zReadonly() || !zAllowEdit()\"\n          (click)=\"zAllowEdit() && isOpen() && $event.stopPropagation()\"\n          (focus)=\"onInputFocus($event)\"\n          (input)=\"onInputChange($event)\"\n          (blur)=\"onInputBlur($event)\"\n          (keydown.enter)=\"onInputEnter($event)\"\n          (keydown.escape)=\"onInputEscape($event)\" />\n      }\n\n      @if (zLoading()) {\n        <div class=\"text-muted-foreground flex size-5 shrink-0 items-center justify-center\">\n          <z-icon zType=\"lucideLoader2\" zSize=\"16\" class=\"animate-spin\" />\n        </div>\n      }\n\n      @if (zAllowClear() && !isDisabled() && !zReadonly()) {\n        <button\n          type=\"button\"\n          tabindex=\"-1\"\n          class=\"text-muted-foreground hover:text-foreground flex size-5 shrink-0 cursor-pointer items-center justify-center rounded-sm transition-all\"\n          [class.opacity-0]=\"!hasValue()\"\n          [class.pointer-events-none]=\"!hasValue()\"\n          (click)=\"onClear($event)\">\n          <z-icon zType=\"lucideX\" zSize=\"18\" />\n        </button>\n      }\n    </div>\n  </div>\n\n  @if (hasError()) {\n    <p class=\"text-destructive animate-in fade-in slide-in-from-top-1 m-0 text-xs duration-200\">\n      {{ errorMessage() }}\n    </p>\n  }\n</div>\n\n<ng-template #calendarTpl>\n  <div\n    class=\"z-calendar-calendar bg-popover border-border flex max-h-[50dvh] max-w-[calc(100vw-1.5rem)] flex-col overflow-hidden rounded-sm border shadow-[var(--z-popover-shadow)] min-[480px]:max-h-[55dvh] sm:max-h-none sm:max-w-none sm:flex-row sm:overflow-visible\"\n    (keydown)=\"onCalendarKeydown($event)\">\n    @if (zQuickSelect() && zMode() === 'range') {\n      <div class=\"border-border hidden shrink-0 flex-col gap-0 space-y-1 overflow-y-auto border-r p-2 sm:flex\">\n        @for (preset of quickSelectPresets; track preset.key) {\n          @let presetDisabled = preset | zIsPresetDisabled: zDisabledDate();\n          <button\n            type=\"button\"\n            class=\"cursor-pointer rounded-sm px-3 py-1.5 text-left text-sm whitespace-nowrap transition-colors\"\n            [class.hover:bg-muted]=\"activePresetKey() !== preset.key && !presetDisabled\"\n            [class.bg-primary]=\"activePresetKey() === preset.key\"\n            [class.text-primary-foreground]=\"activePresetKey() === preset.key\"\n            [class.font-medium]=\"activePresetKey() === preset.key\"\n            [class.opacity-40]=\"presetDisabled\"\n            [class.cursor-not-allowed]=\"presetDisabled\"\n            [disabled]=\"presetDisabled\"\n            (click)=\"onQuickSelect(preset)\">\n            {{ preset.label | translate }}\n          </button>\n        }\n      </div>\n    }\n    <div\n      class=\"flex min-h-0 flex-1 flex-col items-center overflow-hidden pb-0 sm:overflow-visible sm:py-2\"\n      [class.sm:pt-0!]=\"isTimeMode()\"\n      [class]=\"\n        !isRangeMode()\n          ? 'w-[17.75rem] max-w-[calc(100vw-1.5rem)]'\n          : 'w-[17.75rem] max-w-[calc(100vw-1.5rem)] sm:w-auto sm:max-w-none'\n      \">\n      @if (zQuickSelect() && zMode() === 'range') {\n        <div class=\"border-border w-full border-b px-2 pt-2 pb-2 sm:hidden\">\n          <z-select\n            class=\"w-full\"\n            zSize=\"sm\"\n            zPosition=\"bottom-left\"\n            [zShowSearch]=\"false\"\n            [zAllowClear]=\"false\"\n            [zOptions]=\"quickSelectOptions()\"\n            [ngModel]=\"activePresetKey()\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"onQuickSelectKeyChange($event)\" />\n        </div>\n      }\n      <div class=\"min-h-0 w-full flex-1 overflow-x-hidden overflow-y-auto pt-2 sm:overflow-visible sm:pt-0\">\n        @if (!isTimeMode()) {\n          <div\n            class=\"z-calendars-wrapper flex w-full flex-col items-center gap-0 sm:flex-row sm:items-stretch sm:justify-center\">\n            <!-- First Calendar -->\n            <div class=\"z-calendar-section flex w-[17.5rem] shrink-0 flex-col\">\n              @if (!isTimeMode()) {\n                <!-- Header -->\n                <div class=\"border-border flex w-full items-center justify-between gap-0.5 px-2\">\n                  <!-- Double left arrow (always visible) -->\n                  <button\n                    type=\"button\"\n                    z-button\n                    zType=\"ghost\"\n                    zSize=\"sm\"\n                    class=\"size-7 shrink-0 p-0!\"\n                    [zWave]=\"false\"\n                    (click)=\"navigatePreviousFast()\">\n                    <z-icon zType=\"lucideChevronsLeft\" zSize=\"18\" />\n                  </button>\n\n                  <!-- Single left arrow (hidden in month/year view) -->\n                  @if (currentView() === 'day') {\n                    <button\n                      type=\"button\"\n                      z-button\n                      zType=\"ghost\"\n                      zSize=\"sm\"\n                      class=\"size-7 shrink-0 p-0!\"\n                      [zWave]=\"false\"\n                      (click)=\"navigatePrevious()\">\n                      <z-icon zType=\"lucideChevronLeft\" zSize=\"18\" />\n                    </button>\n                  }\n\n                  <!-- Header content -->\n                  <div class=\"flex flex-1 shrink-0 items-center justify-center gap-0\">\n                    @if (currentView() === 'day') {\n                      <!-- Day view: Month + Year -->\n                      @if (!isYearMode() && !isQuarterMode()) {\n                        <button\n                          type=\"button\"\n                          z-button\n                          zType=\"ghost\"\n                          zSize=\"sm\"\n                          class=\"h-7 px-1.5 text-sm!\"\n                          [zWave]=\"false\"\n                          (click)=\"setView('month')\">\n                          {{ currentMonthName() }}\n                        </button>\n                      }\n                      <button\n                        type=\"button\"\n                        z-button\n                        zType=\"ghost\"\n                        zSize=\"sm\"\n                        class=\"h-7 px-1.5 text-sm!\"\n                        [zWave]=\"false\"\n                        [zDisabled]=\"isYearMode()\"\n                        (click)=\"setView('year')\">\n                        {{ currentYear() }}\n                      </button>\n                    } @else if (currentView() === 'month') {\n                      <!-- Month view: Only Year -->\n                      <button\n                        type=\"button\"\n                        z-button\n                        zType=\"ghost\"\n                        zSize=\"sm\"\n                        class=\"h-7 px-1.5 text-sm!\"\n                        [zWave]=\"false\"\n                        (click)=\"setView('year')\">\n                        {{ currentYear() }}\n                      </button>\n                    } @else if (currentView() === 'year') {\n                      <!-- Year view: Year Range -->\n                      <span class=\"text-sm font-medium\">\n                        {{ yearRange()[0] }} - {{ yearRange()[yearRange().length - 1] }}\n                      </span>\n                    } @else if (currentView() === 'quarter') {\n                      <!-- Quarter view: Only Year -->\n                      <button\n                        type=\"button\"\n                        z-button\n                        zType=\"ghost\"\n                        zSize=\"sm\"\n                        class=\"h-7 px-1.5 text-sm!\"\n                        [zWave]=\"false\"\n                        (click)=\"setView('year')\">\n                        {{ currentYear() }}\n                      </button>\n                    }\n                  </div>\n\n                  <!-- Single right arrow (hidden in month/year view) -->\n                  @if (currentView() === 'day') {\n                    <button\n                      type=\"button\"\n                      z-button\n                      zType=\"ghost\"\n                      zSize=\"sm\"\n                      class=\"size-7 shrink-0 p-0!\"\n                      [zDisabled]=\"!canNavigateStartNext()\"\n                      [zWave]=\"false\"\n                      (click)=\"navigateNext()\">\n                      <z-icon zType=\"lucideChevronRight\" zSize=\"18\" />\n                    </button>\n                  }\n\n                  <!-- Double right arrow (always visible) -->\n                  <button\n                    type=\"button\"\n                    z-button\n                    zType=\"ghost\"\n                    zSize=\"sm\"\n                    class=\"size-7 shrink-0 p-0!\"\n                    [zDisabled]=\"!canNavigateStartNext()\"\n                    [zWave]=\"false\"\n                    (click)=\"navigateNextFast()\">\n                    <z-icon zType=\"lucideChevronsRight\" zSize=\"18\" />\n                  </button>\n                </div>\n\n                <!-- Body -->\n                <div\n                  class=\"flex h-full w-full flex-col items-center justify-center p-2\"\n                  [class.min-h-[14rem]]=\"!isQuarterMode()\"\n                  [class.h-[14rem]]=\"\n                    !isYearMode() &&\n                    !isMonthMode() &&\n                    !isQuarterMode() &&\n                    (currentView() === 'month' || currentView() === 'year')\n                  \"\n                  [class.min-h-[6.25rem]]=\"isQuarterMode()\"\n                  [class.!min-h-auto]=\"isYearMode() || isMonthMode() || isQuarterMode()\"\n                  [class.!h-auto]=\"isYearMode() || isMonthMode() || isQuarterMode()\">\n                  @if (currentView() === 'day') {\n                    <div\n                      class=\"flex h-full w-full flex-1 flex-col gap-1\"\n                      [class.animate-calendar-enter]=\"uiState().hasViewChanged\">\n                      <!-- Weekday headers -->\n                      <div class=\"flex w-full flex-1 justify-center gap-1\">\n                        @for (weekday of weekdayNames(); track weekday) {\n                          <div\n                            class=\"text-muted-foreground flex h-[1.875rem] w-[2.0313rem] items-center justify-center text-xs font-medium\">\n                            {{ weekday }}\n                          </div>\n                        }\n                      </div>\n\n                      <!-- Date rows -->\n                      @for (week of calendarDays(); track $index) {\n                        <div class=\"flex w-full flex-1 justify-center gap-1\">\n                          @for (day of week; track day.date.getTime()) {\n                            <button\n                              type=\"button\"\n                              [class]=\"day | zDayClasses\"\n                              class=\"h-[1.875rem] !w-[2.0313rem] !text-sm\"\n                              [disabled]=\"day.isDisabled\"\n                              (click)=\"onDayClick(day)\"\n                              (mouseenter)=\"onDayHover(day)\"\n                              (mouseleave)=\"onDayLeave()\">\n                              {{ day.day }}\n                            </button>\n                          }\n                        </div>\n                      }\n                    </div>\n                  }\n                  @if (currentView() === 'month') {\n                    <div\n                      class=\"grid h-full w-full grid-cols-3 grid-rows-4 gap-2.5 gap-y-5!\"\n                      [class.animate-calendar-enter]=\"uiState().hasViewChanged\">\n                      @for (month of monthNames(); track month; let i = $index) {\n                        @let monthDisabled = i | zIsStartMonthDisabled: startMonthDisabledContext();\n                        <div class=\"flex flex-1 items-center justify-center\">\n                          <button\n                            type=\"button\"\n                            [class]=\"i | zMonthClasses: selectedMonthIndex() : todayMonthIndex()\"\n                            class=\"!h-7 !w-full !text-sm\"\n                            [disabled]=\"monthDisabled\"\n                            [class.opacity-30]=\"monthDisabled\"\n                            [class.cursor-not-allowed]=\"monthDisabled\"\n                            (click)=\"onMonthSelect(i)\">\n                            {{ month }}\n                          </button>\n                        </div>\n                      }\n                    </div>\n                  }\n\n                  @if (currentView() === 'year') {\n                    <div\n                      class=\"grid h-full w-full grid-cols-3 grid-rows-4 gap-2.5 gap-y-5!\"\n                      [class.animate-calendar-enter]=\"uiState().hasViewChanged\">\n                      @for (year of yearRange(); track year) {\n                        @let yearDisabled = year | zIsStartYearDisabled: startYearDisabledContext();\n                        <div class=\"flex flex-1 items-center justify-center\">\n                          <button\n                            type=\"button\"\n                            [class]=\"year | zYearClasses: selectedYear() : todayYear()\"\n                            class=\"!h-7 !w-full !text-sm\"\n                            [disabled]=\"yearDisabled\"\n                            [class.opacity-30]=\"yearDisabled\"\n                            [class.cursor-not-allowed]=\"yearDisabled\"\n                            (click)=\"onYearClick(year)\">\n                            {{ year }}\n                          </button>\n                        </div>\n                      }\n                    </div>\n                  }\n\n                  @if (currentView() === 'quarter') {\n                    <div\n                      class=\"grid h-full w-full grid-cols-2 grid-rows-2 gap-2 p-1\"\n                      [class.animate-calendar-enter]=\"uiState().hasViewChanged\">\n                      @for (quarter of quarterNames; track quarter; let i = $index) {\n                        <div class=\"flex flex-1 items-center justify-center\">\n                          <button\n                            type=\"button\"\n                            [class]=\"i | zQuarterClasses: selectedQuarterIndex() : todayQuarterIndex()\"\n                            class=\"!h-8 !w-full !text-sm\"\n                            (click)=\"onQuarterClick(i)\">\n                            {{ quarter }}\n                          </button>\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n\n            <!-- Second Calendar (Range Mode Only) -->\n            @if (isRangeMode()) {\n              <!-- Divider -->\n              <div\n                class=\"border-border bg-border mb-2 hidden self-stretch sm:block sm:w-px\"\n                [class.mb-2]=\"!zQuickSelect() || (zQuickSelect() && zShowOk())\"></div>\n              <div class=\"border-border bg-border block h-px w-full sm:hidden\"></div>\n\n              <div class=\"z-calendar-section flex w-[17.5rem] shrink-0 flex-col pt-2 sm:pt-0\">\n                <!-- Header -->\n                <div class=\"border-border flex w-full items-center justify-between gap-0.5 px-2\">\n                  <button\n                    type=\"button\"\n                    z-button\n                    zType=\"ghost\"\n                    zSize=\"sm\"\n                    class=\"size-7 shrink-0 p-0!\"\n                    [zDisabled]=\"!canNavigateEndPrev()\"\n                    [zWave]=\"false\"\n                    (click)=\"navigateEndPreviousFast()\">\n                    <z-icon zType=\"lucideChevronsLeft\" zSize=\"18\" />\n                  </button>\n\n                  <button\n                    type=\"button\"\n                    z-button\n                    zType=\"ghost\"\n                    zSize=\"sm\"\n                    class=\"size-7 shrink-0 p-0!\"\n                    [zDisabled]=\"!canNavigateEndPrev()\"\n                    [zWave]=\"false\"\n                    (click)=\"navigateEndPrevious()\">\n                    <z-icon zType=\"lucideChevronLeft\" zSize=\"18\" />\n                  </button>\n\n                  <div class=\"flex w-[7.5rem] shrink-0 items-center justify-center gap-0\">\n                    <button\n                      type=\"button\"\n                      z-button\n                      zType=\"ghost\"\n                      zSize=\"sm\"\n                      class=\"h-7 px-1.5 text-sm!\"\n                      [zWave]=\"false\"\n                      (click)=\"setEndView('month')\">\n                      {{ endMonthName() }}\n                    </button>\n\n                    <button\n                      type=\"button\"\n                      z-button\n                      zType=\"ghost\"\n                      zSize=\"sm\"\n                      class=\"h-7 px-1.5 text-sm!\"\n                      [zWave]=\"false\"\n                      (click)=\"setEndView('year')\">\n                      {{ endMonthYear() }}\n                    </button>\n                  </div>\n\n                  <button\n                    type=\"button\"\n                    z-button\n                    zType=\"ghost\"\n                    zSize=\"sm\"\n                    class=\"size-7 shrink-0 p-0!\"\n                    [zWave]=\"false\"\n                    [zWave]=\"false\"\n                    (click)=\"navigateEndNext()\">\n                    <z-icon zType=\"lucideChevronRight\" zSize=\"18\" />\n                  </button>\n\n                  <button\n                    type=\"button\"\n                    z-button\n                    zType=\"ghost\"\n                    zSize=\"sm\"\n                    class=\"size-7 shrink-0 p-0!\"\n                    [zWave]=\"false\"\n                    [zWave]=\"false\"\n                    (click)=\"navigateEndNextFast()\">\n                    <z-icon zType=\"lucideChevronsRight\" zSize=\"18\" />\n                  </button>\n                </div>\n\n                <!-- Body -->\n                <div\n                  class=\"flex h-full min-h-[14rem] w-full flex-col items-center justify-center p-2\"\n                  [class.h-[14rem]]=\"endView() === 'month' || endView() === 'year'\">\n                  @if (endView() === 'day') {\n                    <div\n                      class=\"flex h-full w-full flex-1 flex-col gap-1\"\n                      [class.animate-calendar-enter]=\"uiState().hasEndViewChanged\">\n                      <!-- Weekday headers -->\n                      <div class=\"flex w-full flex-1 justify-center gap-1\">\n                        @for (weekday of weekdayNames(); track weekday) {\n                          <div\n                            class=\"text-muted-foreground flex h-[1.875rem] w-[2.0313rem] items-center justify-center text-xs font-medium\">\n                            {{ weekday }}\n                          </div>\n                        }\n                      </div>\n\n                      <!-- Date rows -->\n                      @for (week of calendarDaysEnd(); track $index) {\n                        <div class=\"flex w-full flex-1 justify-center gap-1\">\n                          @for (day of week; track day.date.getTime()) {\n                            <button\n                              type=\"button\"\n                              [class]=\"day | zDayClasses\"\n                              class=\"h-[1.875rem] !w-[2.0313rem] !text-sm\"\n                              [disabled]=\"day.isDisabled\"\n                              (click)=\"onDayClick(day)\"\n                              (mouseenter)=\"onDayHover(day)\"\n                              (mouseleave)=\"onDayLeave()\">\n                              {{ day.day }}\n                            </button>\n                          }\n                        </div>\n                      }\n                    </div>\n                  }\n                  @if (endView() === 'month') {\n                    <div\n                      class=\"grid h-full w-full grid-cols-3 grid-rows-4 gap-2.5 gap-y-5!\"\n                      [class.animate-calendar-enter]=\"uiState().hasEndViewChanged\">\n                      @for (month of monthNames(); track month; let i = $index) {\n                        @let endMonthDisabled = i | zIsEndMonthDisabled: endMonthDisabledContext();\n                        <div class=\"flex flex-1 items-center justify-center\">\n                          <button\n                            type=\"button\"\n                            [class]=\"i | zMonthClasses: endMonth().getMonth() : -1\"\n                            class=\"!h-7 !w-full !text-sm\"\n                            [disabled]=\"endMonthDisabled\"\n                            [class.opacity-30]=\"endMonthDisabled\"\n                            [class.cursor-not-allowed]=\"endMonthDisabled\"\n                            (click)=\"onEndMonthClick(i)\">\n                            {{ month }}\n                          </button>\n                        </div>\n                      }\n                    </div>\n                  }\n\n                  @if (endView() === 'year') {\n                    <div\n                      class=\"grid h-full w-full grid-cols-3 grid-rows-4 gap-2.5 gap-y-5!\"\n                      [class.animate-calendar-enter]=\"uiState().hasEndViewChanged\">\n                      @for (year of endYearRange(); track year) {\n                        @let endYearDisabled = year | zIsEndYearDisabled: endYearDisabledContext();\n                        <div class=\"flex flex-1 items-center justify-center\">\n                          <button\n                            type=\"button\"\n                            [class]=\"year | zYearClasses: endMonth().getFullYear() : -1\"\n                            class=\"!h-7 !w-full !text-sm\"\n                            [disabled]=\"endYearDisabled\"\n                            [class.opacity-30]=\"endYearDisabled\"\n                            [class.cursor-not-allowed]=\"endYearDisabled\"\n                            (click)=\"onEndYearClick(year)\">\n                            {{ year }}\n                          </button>\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n\n          <!-- Compact Time Picker Below Calendar (Single Date) -->\n          @if (!isRangeMode() && zShowTime()) {\n            <div\n              class=\"hover:bg-muted border-border flex w-full cursor-pointer items-center justify-center gap-1.5 border-t px-3 py-1.5 transition-colors\"\n              z-popover\n              [zPopoverContent]=\"timeDropdownTpl\"\n              zPosition=\"bottom\"\n              [zPopoverWidth]=\"240\"\n              [zOffset]=\"4\"\n              zTrigger=\"click\"\n              zClass=\"border-border shadow-lg\"\n              (zShow)=\"onTimeDropdownShow()\">\n              <z-icon zType=\"lucideCalendarClock\" zSize=\"18\" class=\"text-muted-foreground mr-1 shrink-0\" />\n              <span class=\"text-sm font-medium tabular-nums select-none\">\n                @if (zShowHour()) {\n                  {{ formattedHour() }}\n                }\n                @if (zShowHour() && zShowMinute()) {\n                  <span class=\"text-muted-foreground\">:</span>\n                }\n                @if (zShowMinute()) {\n                  {{ formattedMinute() }}\n                }\n                @if (zShowMinute() && zShowSecond()) {\n                  <span class=\"text-muted-foreground\">:</span>\n                }\n                @if (zShowSecond()) {\n                  {{ formattedSecond() }}\n                }\n                @if (zTimeFormat() === '12h') {\n                  <span class=\"text-primary ml-0.5 font-semibold\">\n                    {{ period() }}\n                  </span>\n                }\n              </span>\n              <z-icon zType=\"lucideChevronDown\" zSize=\"14\" class=\"text-muted-foreground shrink-0\" />\n            </div>\n          }\n\n          <!-- Compact Time Pickers Below Calendars (Range Mode) -->\n          @if (isRangeMode() && zShowTime()) {\n            <div class=\"border-border flex w-full flex-col border-t sm:flex-row\">\n              <!-- Start Time -->\n              <div\n                class=\"hover:bg-muted flex flex-1 cursor-pointer items-center justify-center gap-1.5 px-3 py-1.5 transition-colors\"\n                z-popover\n                [zPopoverContent]=\"timeDropdownTpl\"\n                zPosition=\"bottom\"\n                [zPopoverWidth]=\"240\"\n                [zOffset]=\"4\"\n                zTrigger=\"click\"\n                zClass=\"border-border shadow-lg\"\n                (zShow)=\"onTimeDropdownShow()\">\n                <z-icon zType=\"lucideCalendarClock\" zSize=\"18\" class=\"text-muted-foreground mr-1 shrink-0\" />\n                <span class=\"text-sm font-medium tabular-nums select-none\">\n                  @if (zShowHour()) {\n                    {{ formattedHour() }}\n                  }\n                  @if (zShowHour() && zShowMinute()) {\n                    <span class=\"text-muted-foreground\">:</span>\n                  }\n                  @if (zShowMinute()) {\n                    {{ formattedMinute() }}\n                  }\n                  @if (zShowMinute() && zShowSecond()) {\n                    <span class=\"text-muted-foreground\">:</span>\n                  }\n                  @if (zShowSecond()) {\n                    {{ formattedSecond() }}\n                  }\n                  @if (zTimeFormat() === '12h') {\n                    <span class=\"text-primary ml-0.5 font-semibold\">\n                      {{ period() }}\n                    </span>\n                  }\n                </span>\n                <z-icon zType=\"lucideChevronDown\" zSize=\"14\" class=\"text-muted-foreground shrink-0\" />\n              </div>\n\n              <!-- Divider -->\n              <div class=\"border-border bg-border h-px self-stretch sm:block sm:h-full sm:w-px\"></div>\n\n              <!-- End Time -->\n              <div\n                class=\"hover:bg-muted flex flex-1 cursor-pointer items-center justify-center gap-1.5 px-3 py-1.5 transition-colors\"\n                z-popover\n                [zPopoverContent]=\"timeDropdownEndTpl\"\n                zPosition=\"bottom\"\n                [zPopoverWidth]=\"240\"\n                [zOffset]=\"4\"\n                zTrigger=\"click\"\n                zClass=\"border-border shadow-lg\"\n                (zShow)=\"onTimeDropdownEndShow()\">\n                <z-icon zType=\"lucideCalendarClock\" zSize=\"18\" class=\"text-muted-foreground mr-1 shrink-0\" />\n                <span class=\"text-sm font-medium tabular-nums select-none\">\n                  @if (zShowHour()) {\n                    {{ formattedHourEnd() }}\n                  }\n                  @if (zShowHour() && zShowMinute()) {\n                    <span class=\"text-muted-foreground\">:</span>\n                  }\n                  @if (zShowMinute()) {\n                    {{ formattedMinuteEnd() }}\n                  }\n                  @if (zShowMinute() && zShowSecond()) {\n                    <span class=\"text-muted-foreground\">:</span>\n                  }\n                  @if (zShowSecond()) {\n                    {{ formattedSecondEnd() }}\n                  }\n                  @if (zTimeFormat() === '12h') {\n                    <span class=\"text-primary ml-0.5 font-semibold\">\n                      {{ periodEnd() }}\n                    </span>\n                  }\n                </span>\n                <z-icon zType=\"lucideChevronDown\" zSize=\"14\" class=\"text-muted-foreground shrink-0\" />\n              </div>\n            </div>\n          }\n        } @else {\n          <!-- Time Only Mode -->\n          <div class=\"flex w-full justify-center px-2 pt-2 pb-1\">\n            <ng-container [ngTemplateOutlet]=\"timeDropdownTpl\" />\n          </div>\n        }\n      </div>\n\n      @if (!(zQuickSelect() && zMode() === 'range' && !showOkButton() && !showCancelButton())) {\n        <div\n          class=\"bg-popover border-border z-10 flex w-full shrink-0 items-center justify-between gap-2 border-t px-2 py-2 shadow-[0_-2px_8px_-2px_rgb(0_0_0_/_10%)] sm:pt-2 sm:pb-0 sm:shadow-none\">\n          @if (!zQuickSelect() || zMode() !== 'range') {\n            <button type=\"button\" z-button zType=\"secondary\" zSize=\"sm\" [zWave]=\"false\" (click)=\"onTodayClick()\">\n              {{ todayButtonText() }}\n            </button>\n          } @else {\n            <div></div>\n          }\n\n          @if (showOkButton() || showCancelButton()) {\n            <div class=\"flex items-center gap-2\">\n              @if (showCancelButton()) {\n                <button type=\"button\" z-button zType=\"outline\" zSize=\"sm\" (click)=\"onCancelClick()\">\n                  {{ zCancelText() ?? ('i18n_z_ui_calendar_cancel' | translate) }}\n                </button>\n              }\n              @if (showOkButton()) {\n                <button type=\"button\" z-button zSize=\"sm\" [zDisabled]=\"!canApply()\" (click)=\"onOkClick()\">\n                  {{ zOkText() ?? ('i18n_z_ui_calendar_ok' | translate) }}\n                </button>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #timeDropdownTpl>\n  <div class=\"bg-popover flex min-w-56 justify-center overflow-hidden rounded-sm\">\n    @if (zShowHour()) {\n      <div\n        class=\"flex flex-col\"\n        [class.border-r]=\"zShowMinute() || zShowSecond() || zTimeFormat() === '12h'\"\n        [class.border-border]=\"zShowMinute() || zShowSecond() || zTimeFormat() === '12h'\">\n        <div\n          class=\"text-muted-foreground border-b-border flex h-7 shrink-0 items-center justify-center border-b text-xs font-medium select-none\">\n          {{ 'i18n_z_ui_calendar_hour' | translate }}\n        </div>\n        <ng-scrollbar\n          class=\"z-time-scroll-hour h-[11rem] w-14\"\n          [class.rounded-bl-sm]=\"!zShowMinute() && !zShowSecond() && zTimeFormat() !== '12h'\"\n          [class.rounded-tl-sm]=\"zShowMinute() || zShowSecond() || zTimeFormat() === '12h'\"\n          track=\"vertical\">\n          <div class=\"flex flex-col\">\n            @for (hr of hourOptions(); track hr) {\n              @let hrSelected = hr === displayHour();\n              <button\n                type=\"button\"\n                class=\"flex h-7 shrink-0 cursor-pointer items-center justify-center text-sm transition-colors\"\n                [class.hover:bg-muted]=\"!hrSelected\"\n                [class.bg-primary]=\"hrSelected\"\n                [class.text-primary-foreground]=\"hrSelected\"\n                [class.font-medium]=\"hrSelected\"\n                (click)=\"selectHour(hr)\">\n                {{ hr | number: '2.0-0' }}\n              </button>\n            }\n          </div>\n        </ng-scrollbar>\n      </div>\n    }\n    @if (zShowMinute()) {\n      <div\n        class=\"flex flex-col\"\n        [class.border-r]=\"zShowSecond() || zTimeFormat() === '12h'\"\n        [class.border-border]=\"zShowSecond() || zTimeFormat() === '12h'\">\n        <div\n          class=\"text-muted-foreground border-b-border flex h-7 shrink-0 items-center justify-center border-b text-xs font-medium select-none\">\n          {{ 'i18n_z_ui_calendar_minute' | translate }}\n        </div>\n        <ng-scrollbar\n          class=\"z-time-scroll-minute h-[11rem] w-14\"\n          [class.rounded-bl-sm]=\"!zShowHour() && !zShowSecond() && zTimeFormat() !== '12h'\"\n          [class.rounded-tl-sm]=\"!zShowHour() && (zShowSecond() || zTimeFormat() === '12h')\"\n          [class.rounded-br-sm]=\"(zShowHour() || !zShowHour()) && !zShowSecond() && zTimeFormat() !== '12h'\"\n          track=\"vertical\">\n          <div class=\"flex flex-col\">\n            @for (min of minuteOptions; track min) {\n              @let minSelected = min === minute();\n              <button\n                type=\"button\"\n                class=\"flex h-7 shrink-0 cursor-pointer items-center justify-center text-sm transition-colors\"\n                [class.hover:bg-muted]=\"!minSelected\"\n                [class.bg-primary]=\"minSelected\"\n                [class.text-primary-foreground]=\"minSelected\"\n                [class.font-medium]=\"minSelected\"\n                (click)=\"selectMinute(min)\">\n                {{ min | number: '2.0-0' }}\n              </button>\n            }\n          </div>\n        </ng-scrollbar>\n      </div>\n    }\n    @if (zShowSecond()) {\n      <div\n        class=\"flex flex-col\"\n        [class.border-r]=\"zTimeFormat() === '12h'\"\n        [class.border-border]=\"zTimeFormat() === '12h'\">\n        <div\n          class=\"text-muted-foreground border-b-border flex h-7 shrink-0 items-center justify-center border-b text-xs font-medium select-none\">\n          {{ 'i18n_z_ui_calendar_second' | translate }}\n        </div>\n        <ng-scrollbar\n          class=\"z-time-scroll-second h-[11rem] w-14\"\n          [class.rounded-br-sm]=\"zTimeFormat() !== '12h'\"\n          [class.rounded-bl-sm]=\"!zShowHour() && !zShowMinute() && zTimeFormat() !== '12h'\"\n          track=\"vertical\">\n          <div class=\"flex flex-col\">\n            @for (sec of secondOptions; track sec) {\n              @let secSelected = sec === second();\n              <button\n                type=\"button\"\n                class=\"flex h-7 shrink-0 cursor-pointer items-center justify-center text-sm transition-colors\"\n                [class.hover:bg-muted]=\"!secSelected\"\n                [class.bg-primary]=\"secSelected\"\n                [class.text-primary-foreground]=\"secSelected\"\n                [class.font-medium]=\"secSelected\"\n                (click)=\"selectSecond(sec)\">\n                {{ sec | number: '2.0-0' }}\n              </button>\n            }\n          </div>\n        </ng-scrollbar>\n      </div>\n    }\n    @if (zTimeFormat() === '12h') {\n      <div class=\"flex flex-col\">\n        <div\n          class=\"text-muted-foreground border-b-border flex h-7 shrink-0 items-center justify-center border-b text-xs font-medium select-none\">\n          {{ 'i18n_z_ui_calendar_period' | translate }}\n        </div>\n        <ng-scrollbar class=\"z-time-scroll-period h-[11rem] w-14\" [class.rounded-br-sm]=\"true\" track=\"vertical\">\n          <div class=\"flex flex-col\">\n            @for (p of ['AM', 'PM']; track p) {\n              @let pSelected = p === period();\n              <button\n                type=\"button\"\n                class=\"flex h-7 shrink-0 cursor-pointer items-center justify-center text-sm transition-colors\"\n                [class.hover:bg-muted]=\"!pSelected\"\n                [class.bg-primary]=\"pSelected\"\n                [class.text-primary-foreground]=\"pSelected\"\n                [class.font-medium]=\"pSelected\"\n                (click)=\"selectPeriod($any(p))\">\n                {{ p }}\n              </button>\n            }\n          </div>\n        </ng-scrollbar>\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #timeDropdownEndTpl>\n  <div class=\"bg-popover flex min-w-56 justify-center overflow-hidden rounded-sm\">\n    @if (zShowHour()) {\n      <div\n        class=\"flex flex-col\"\n        [class.border-r]=\"zShowMinute() || zShowSecond() || zTimeFormat() === '12h'\"\n        [class.border-border]=\"zShowMinute() || zShowSecond() || zTimeFormat() === '12h'\">\n        <div\n          class=\"text-muted-foreground border-b-border flex h-7 shrink-0 items-center justify-center border-b text-xs font-medium select-none\">\n          {{ 'i18n_z_ui_calendar_hour' | translate }}\n        </div>\n        <ng-scrollbar\n          class=\"z-time-scroll-hour-end h-[11rem] w-14\"\n          [class.rounded-bl-sm]=\"!zShowMinute() && !zShowSecond() && zTimeFormat() !== '12h'\"\n          [class.rounded-tl-sm]=\"zShowMinute() || zShowSecond() || zTimeFormat() === '12h'\"\n          track=\"vertical\">\n          <div class=\"flex flex-col\">\n            @for (hr of hourOptions(); track hr) {\n              @let hrDisabled = hr | zIsEndHourDisabled: endTimeContext();\n              @let hrEndSelected = hr === displayHourEnd();\n              <button\n                type=\"button\"\n                class=\"flex h-7 shrink-0 items-center justify-center text-sm transition-colors\"\n                [class.hover:bg-muted]=\"!hrDisabled && !hrEndSelected\"\n                [class.cursor-pointer]=\"!hrDisabled\"\n                [class.bg-primary]=\"hrEndSelected\"\n                [class.text-primary-foreground]=\"hrEndSelected\"\n                [class.font-medium]=\"hrEndSelected\"\n                [class.opacity-30]=\"hrDisabled\"\n                [class.cursor-not-allowed]=\"hrDisabled\"\n                [disabled]=\"hrDisabled\"\n                (click)=\"selectHourEnd(hr)\">\n                {{ hr | number: '2.0-0' }}\n              </button>\n            }\n          </div>\n        </ng-scrollbar>\n      </div>\n    }\n    @if (zShowMinute()) {\n      <div\n        class=\"flex flex-col\"\n        [class.border-r]=\"zShowSecond() || zTimeFormat() === '12h'\"\n        [class.border-border]=\"zShowSecond() || zTimeFormat() === '12h'\">\n        <div\n          class=\"text-muted-foreground border-b-border flex h-7 shrink-0 items-center justify-center border-b text-xs font-medium select-none\">\n          {{ 'i18n_z_ui_calendar_minute' | translate }}\n        </div>\n        <ng-scrollbar\n          class=\"z-time-scroll-minute-end h-[11rem] w-14\"\n          [class.rounded-bl-sm]=\"!zShowHour() && !zShowSecond() && zTimeFormat() !== '12h'\"\n          [class.rounded-tl-sm]=\"!zShowHour() && (zShowSecond() || zTimeFormat() === '12h')\"\n          [class.rounded-br-sm]=\"(zShowHour() || !zShowHour()) && !zShowSecond() && zTimeFormat() !== '12h'\"\n          track=\"vertical\">\n          <div class=\"flex flex-col\">\n            @for (min of minuteOptions; track min) {\n              @let minDisabled = min | zIsEndMinuteDisabled: endTimeContext();\n              @let minEndSelected = min === minuteEnd();\n              <button\n                type=\"button\"\n                class=\"flex h-7 shrink-0 items-center justify-center text-sm transition-colors\"\n                [class.hover:bg-muted]=\"!minDisabled && !minEndSelected\"\n                [class.cursor-pointer]=\"!minDisabled\"\n                [class.bg-primary]=\"minEndSelected\"\n                [class.text-primary-foreground]=\"minEndSelected\"\n                [class.font-medium]=\"minEndSelected\"\n                [class.opacity-30]=\"minDisabled\"\n                [class.cursor-not-allowed]=\"minDisabled\"\n                [disabled]=\"minDisabled\"\n                (click)=\"selectMinuteEnd(min)\">\n                {{ min | number: '2.0-0' }}\n              </button>\n            }\n          </div>\n        </ng-scrollbar>\n      </div>\n    }\n    @if (zShowSecond()) {\n      <div\n        class=\"flex flex-col\"\n        [class.border-r]=\"zTimeFormat() === '12h'\"\n        [class.border-border]=\"zTimeFormat() === '12h'\">\n        <div\n          class=\"text-muted-foreground border-b-border flex h-7 shrink-0 items-center justify-center border-b text-xs font-medium select-none\">\n          {{ 'i18n_z_ui_calendar_second' | translate }}\n        </div>\n        <ng-scrollbar\n          class=\"z-time-scroll-second-end h-[11rem] w-14\"\n          [class.rounded-br-sm]=\"zTimeFormat() !== '12h'\"\n          [class.rounded-bl-sm]=\"!zShowHour() && !zShowMinute() && zTimeFormat() !== '12h'\"\n          track=\"vertical\">\n          <div class=\"flex flex-col\">\n            @for (sec of secondOptions; track sec) {\n              @let secDisabled = sec | zIsEndSecondDisabled: endTimeContext();\n              @let secEndSelected = sec === secondEnd();\n              <button\n                type=\"button\"\n                class=\"flex h-7 shrink-0 items-center justify-center text-sm transition-colors\"\n                [class.hover:bg-muted]=\"!secDisabled && !secEndSelected\"\n                [class.cursor-pointer]=\"!secDisabled\"\n                [class.bg-primary]=\"secEndSelected\"\n                [class.text-primary-foreground]=\"secEndSelected\"\n                [class.font-medium]=\"secEndSelected\"\n                [class.opacity-30]=\"secDisabled\"\n                [class.cursor-not-allowed]=\"secDisabled\"\n                [disabled]=\"secDisabled\"\n                (click)=\"selectSecondEnd(sec)\">\n                {{ sec | number: '2.0-0' }}\n              </button>\n            }\n          </div>\n        </ng-scrollbar>\n      </div>\n    }\n    @if (zTimeFormat() === '12h') {\n      <div class=\"flex flex-col\">\n        <div\n          class=\"text-muted-foreground border-b-border flex h-7 shrink-0 items-center justify-center border-b text-xs font-medium select-none\">\n          {{ 'i18n_z_ui_calendar_period' | translate }}\n        </div>\n        <ng-scrollbar class=\"z-time-scroll-period-end h-[11rem] w-14\" [class.rounded-br-sm]=\"true\" track=\"vertical\">\n          <div class=\"flex flex-col\">\n            @for (p of ['AM', 'PM']; track p) {\n              @let pSelected = p === periodEnd();\n              <button\n                type=\"button\"\n                class=\"flex h-7 shrink-0 cursor-pointer items-center justify-center text-sm transition-colors\"\n                [class.hover:bg-muted]=\"!pSelected\"\n                [class.bg-primary]=\"pSelected\"\n                [class.text-primary-foreground]=\"pSelected\"\n                [class.font-medium]=\"pSelected\"\n                (click)=\"selectPeriodEnd($any(p))\">\n                {{ p }}\n              </button>\n            }\n          </div>\n        </ng-scrollbar>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".animate-calendar-enter{animation:z-calendar-view-enter .2s ease-out}@keyframes z-calendar-view-enter{0%{opacity:0;transform:scale(.95) translateY(.25rem)}to{opacity:1;transform:scale(1) translateY(0)}}.z-calendar input{text-overflow:ellipsis;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgScrollbar, selector: "ng-scrollbar:not([externalViewport]), [ngScrollbar]", exportAs: ["ngScrollbar"] }, { kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zAnimatedType", "zAnimate", "zAnimationTrigger", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "component", type: ZSelectComponent, selector: "z-select", inputs: ["class", "zClassSelect", "zMode", "zSize", "zLabel", "zLabelClass", "zPlaceholder", "zRequired", "zDisabled", "zReadonly", "zLoading", "zLoadingOutline", "zPrefix", "zAllowClear", "zShowCheck", "zWrap", "zShowSearch", "zPlaceholderSearch", "zDebounce", "zNotFoundText", "zEmptyText", "zEmptyIcon", "zMaxTagCount", "zDropdownMaxHeight", "zOptionHeight", "zVirtualScroll", "zDynamicSize", "zShowAction", "zOptions", "zConfig", "zTranslateLabels", "zKey", "zSearchServer", "zLoadingMore", "zEnableLoadMore", "zScrollDistance", "zMaxVisible", "zScrollClose", "zSticky", "zPosition", "zSelectedTemplate", "zOptionTemplate", "zActionTemplate", "zAsyncValidators", "zAsyncDebounce", "zAsyncValidateOn", "zValidators"], outputs: ["zOnSearch", "zOnLoadMore", "zOnBlur", "zOnFocus", "zControl", "zEvent"], exportAs: ["zSelect"] }, { kind: "directive", type: ZTooltipDirective, selector: "[z-tooltip], [zTooltip]", inputs: ["zContent", "zPosition", "zTooltipPosition", "zTrigger", "zTooltipTrigger", "zTooltipType", "zTooltipSize", "zClass", "zTooltipClass", "zShowDelay", "zTooltipShowDelay", "zHideDelay", "zTooltipHideDelay", "zArrow", "zTooltipArrow", "zDisabled", "zTooltipDisabled", "zOffset", "zTooltipOffset", "zAutoDetect", "zTriggerElement", "zAlwaysShow", "zMaxWidth"], outputs: ["zShow", "zHide"], exportAs: ["zTooltip"] }, { kind: "directive", type: ZPopoverDirective, selector: "[z-popover]", inputs: ["zPopoverContent", "zPosition", "zTrigger", "zPopoverTrigger", "zClass", "zShowDelay", "zHideDelay", "zDisabled", "zOffset", "zPopoverWidth", "zTriggerRef", "zManualClose", "zOutsideClickClose", "zScrollClose", "zSticky", "zShowArrow", "zKeyboardSafe"], outputs: ["zShow", "zHide", "zHideStart", "zControl", "zPositionChange", "zOutsideClick"], exportAs: ["zPopover"] }, { kind: "component", type: ZButtonComponent, selector: "z-button, button[z-button], a[z-button]", inputs: ["class", "zType", "zSize", "zShape", "zLabel", "zLoading", "zDisabled", "zTypeIcon", "zAnimatedTypeIcon", "zAnimateIcon", "zAnimationTriggerIcon", "zSizeIcon", "zStrokeWidthIcon", "zWave"], exportAs: ["zButton"] }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: ZDayClassesPipe, name: "zDayClasses" }, { kind: "pipe", type: ZMonthClassesPipe, name: "zMonthClasses" }, { kind: "pipe", type: ZQuarterClassesPipe, name: "zQuarterClasses" }, { kind: "pipe", type: ZYearClassesPipe, name: "zYearClasses" }, { kind: "pipe", type: ZIsPresetDisabledPipe, name: "zIsPresetDisabled" }, { kind: "pipe", type: ZIsEndHourDisabledPipe, name: "zIsEndHourDisabled" }, { kind: "pipe", type: ZIsEndMinuteDisabledPipe, name: "zIsEndMinuteDisabled" }, { kind: "pipe", type: ZIsEndSecondDisabledPipe, name: "zIsEndSecondDisabled" }, { kind: "pipe", type: ZIsStartMonthDisabledPipe, name: "zIsStartMonthDisabled" }, { kind: "pipe", type: ZIsEndMonthDisabledPipe, name: "zIsEndMonthDisabled" }, { kind: "pipe", type: ZIsStartYearDisabledPipe, name: "zIsStartYearDisabled" }, { kind: "pipe", type: ZIsEndYearDisabledPipe, name: "zIsEndYearDisabled" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZCalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'z-calendar', imports: [
                         DecimalPipe,