npm - @libs-ui/components-datetime-input - Versions diffs - 0.2.321-0 → 0.2.322-0 - Mend

@libs-ui/components-datetime-input 0.2.321-0 → 0.2.322-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/esm2022/input.component.mjs +3 -3
package/fesm2022/libs-ui-components-datetime-input.mjs +3 -3
package/package.json +8 -8

package/esm2022/input.component.mjs CHANGED Viewed

@@ -481,10 +481,10 @@ export class LibsUiComponentsDatetimeInputComponent {
     getInstance() {
         return this;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDatetimeInputComponent, isStandalone: true, selector: "libs_ui-components-datetime-input", inputs: { multiTime: { classPropertyName: "multiTime", publicName: "multiTime", isSignal: true, isRequired: false, transformFunction: null }, selectedTime: { classPropertyName: "selectedTime", publicName: "selectedTime", isSignal: true, isRequired: false, transformFunction: null }, classIncludeBetweenTime: { classPropertyName: "classIncludeBetweenTime", publicName: "classIncludeBetweenTime", isSignal: true, isRequired: false, transformFunction: null }, fromAndToDateLabel: { classPropertyName: "fromAndToDateLabel", publicName: "fromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, resetInput: { classPropertyName: "resetInput", publicName: "resetInput", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, validCompareTime: { classPropertyName: "validCompareTime", publicName: "validCompareTime", isSignal: true, isRequired: false, transformFunction: null }, ignoreBorder: { classPropertyName: "ignoreBorder", publicName: "ignoreBorder", isSignal: true, isRequired: false, transformFunction: null }, ignoreMultiIcon: { classPropertyName: "ignoreMultiIcon", publicName: "ignoreMultiIcon", isSignal: true, isRequired: false, transformFunction: null }, classDatePickerInput: { classPropertyName: "classDatePickerInput", publicName: "classDatePickerInput", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowValid: { classPropertyName: "ignoreShowValid", publicName: "ignoreShowValid", isSignal: true, isRequired: false, transformFunction: null }, ignoreCheckValidWhenInput: { classPropertyName: "ignoreCheckValidWhenInput", publicName: "ignoreCheckValidWhenInput", isSignal: true, isRequired: false, transformFunction: null }, ignoreAllowEqualTime: { classPropertyName: "ignoreAllowEqualTime", publicName: "ignoreAllowEqualTime", isSignal: true, isRequired: false, transformFunction: null }, emitDataSingleDataWhenUseMultiTime: { classPropertyName: "emitDataSingleDataWhenUseMultiTime", publicName: "emitDataSingleDataWhenUseMultiTime", isSignal: true, isRequired: false, transformFunction: null }, classIncludeInput: { classPropertyName: "classIncludeInput", publicName: "classIncludeInput", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, defaultHeight: { classPropertyName: "defaultHeight", publicName: "defaultHeight", isSignal: true, isRequired: false, transformFunction: null }, ignoreWithDefault: { classPropertyName: "ignoreWithDefault", publicName: "ignoreWithDefault", isSignal: true, isRequired: false, transformFunction: null }, isEmitRealTime: { classPropertyName: "isEmitRealTime", publicName: "isEmitRealTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outEmitSingleTime: "outEmitSingleTime", outEmitMultiTime: "outEmitMultiTime", outClickButtonLabel: "outClickButtonLabel", outSwitchEventLabel: "outSwitchEventLabel", outLabelRightClick: "outLabelRightClick", outFunctionsControl: "outFunctionsControl", outEmitValid: "outEmitValid", outResetTime: "outResetTime", outEmitRealTime: "outEmitRealTime" }, ngImport: i0, template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\"\n    (outClickButton)=\"handlerClickButtonLabel($event)\"\n    (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n    (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n}\n<div class=\"flex items-baseline\">\n  <div\n    class=\" libs-ui-date-time-input {{ classDatePickerInput() ?? '' }} relative\"\n    [class.!w-[123px]]=\"!ignoreWithDefault() && resetInput() && !multiTime()\"\n    [class.!w-[155px]]=\"!ignoreWithDefault() && !resetInput() && multiTime()\"\n    [class.!w-[99px]]=\"!ignoreWithDefault() && !resetInput() && !multiTime()\"\n    [class.!w-[179px]]=\"!ignoreWithDefault() && resetInput() && multiTime()\"\n    [class.!bg-[#f8f9fa]]=\"readonly()\"\n    [class.libs-ui-border-general]=\"!isErrorRequired() && !isErrorMultiValidCompareTime() && !ignoreBorder()\"\n    [class.!border]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[1px]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[#4e8cf7]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.libs-ui-border-error-general]=\"(isErrorRequired() || isErrorMultiValidCompareTime() || showBorderError()) && !ignoreBorder()\">\n    <div class=\"pr-[8px] pl-[16px] h-full flex items-center\">\n      <i\n        class=\"libs-ui-icon-clock text-[14px] text-[#9ca2ad]\"\n        [class.opacity-0.5]=\"disable()\"></i>\n    </div>\n    <div class=\"flex items-baseline\">\n      <div\n        [class.!w-[16px]]=\"hours()\"\n        [class.!w-[18px]]=\"!hours()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"!p-0 w-full !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [maxValueNumber]=\"23\"\n          [minValueNumber]=\"0\"\n          [value]=\"hours() || ''\"\n          [placeholder]=\"'hh'\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'hours')\"\n          (outChange)=\"handlerValueHoursChange($event, 'hours')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'hours')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromHours')\"\n          [maxLength]=\"2\" />\n      </div>\n      <div\n        class=\"libs-ui-font-h4r flex items-center\"\n        [class.!text-[#9ca2ad]]=\"!hours() && !minutes()\"\n        [class.!text-[#071631]]=\"hours() || minutes()\"\n        [class.opacity-0.5]=\"disable()\">\n        &colon;\n      </div>\n      <div\n        [class.w-[16px]]=\"minutes()\"\n        [class.w-[28px]]=\"!minutes()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [placeholder]=\"'mm'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [maxValueNumber]=\"59\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'minutes')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromMinutes')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'minutes')\"\n          (outChange)=\"handlerValueMinutesChange($event, 'minutes')\"\n          [value]=\"minutes() || ''\"\n          [maxLength]=\"2\" />\n      </div>\n    </div>\n    @if (multiTime()) {\n      <div\n        class=\"ml-[4px] mr-[3px] h-full flex items-center pt-[1px] libs-ui-font-h6r\"\n        [class.text-[#9ca2ad]]=\"!hours() && !minutes() && !toHours() && !toMinutes()\"\n        [class.text-[#071631]]=\"hours() || minutes() || toHours() || toMinutes()\">\n        -\n      </div>\n      <div class=\"flex items-baseline\">\n        <div\n          [class.!w-[16px]]=\"toHours()\"\n          [class.!w-[18px]]=\"!toHours()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [disable]=\"disable()\"\n            [defaultHeight]=\"defaultHeight()\"\n            [readonly]=\"readonly()\"\n            [maxValueNumber]=\"23\"\n            [minValueNumber]=\"0\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [value]=\"toHours() || ''\"\n            [placeholder]=\"'hh'\"\n            [focusTimeOut]=\"0\"\n            (outInputEvent)=\"eventInput($event, 'toHours')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toHours')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'toHours')\"\n            (outChange)=\"handlerValueHoursChange($event, 'toHours')\"\n            [maxLength]=\"2\" />\n        </div>\n        <div\n          class=\"libs-ui-font-h4r flex items-center\"\n          [class.!text-[#9ca2ad]]=\"!toHours() && !toMinutes()\"\n          [class.!text-[#071631]]=\"toHours() || toMinutes()\"\n          [class.opacity-0.5]=\"disable()\">\n          &colon;\n        </div>\n        <div\n          [class.!w-[16px]]=\"toMinutes()\"\n          [class.!w-[28px]]=\"!toMinutes()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [defaultHeight]=\"defaultHeight()\"\n            [disable]=\"disable()\"\n            [readonly]=\"readonly()\"\n            [placeholder]=\"'mm'\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [maxValueNumber]=\"59\"\n            [focusTimeOut]=\"0\"\n            [value]=\"toMinutes() || ''\"\n            [maxLength]=\"2\"\n            (outInputEvent)=\"eventInput($event, 'toMinutes')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toMinutes')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'toMinutes')\"\n            (outChange)=\"handlerValueMinutesChange($event, 'toMinutes')\" />\n        </div>\n      </div>\n    }\n    @if (resetInput() && (hours() || minutes()) && !disable() && !readonly()) {\n      <div\n        class=\"h-full items-center flex ml-[2px] cursor-pointer absolute right-[10px] top-0\"\n        (click)=\"handlerClickClear()\">\n        <i class=\"libs-ui-icon-close-circle-solid !before:text-[8px] text-[#cdd0d6]\"></i>\n      </div>\n    }\n  </div>\n</div>\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && (isErrorMultiRequired() || isErrorRequired()) && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      [class]=\"'libs-ui-message-error libs-ui-font-h7r libs-ui-text-error'\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n@if (!ignoreShowValid() && isErrorMultiValidCompareTime() && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validCompareTime()?.message || 'i18n_invalid_end_date_selected';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: validCompareTime()?.interpolateParams\"></span>\n  </div>\n}\n\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && !isErrorMultiRequired() && !isErrorRequired() && !disable() && !readonly() && otherError()?.message) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = otherError()?.message || ' ';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: otherError()?.interpolateParams\"></span>\n  </div>\n}\n", styles: [".libs-ui-date-time-input{display:flex;align-items:center;height:32px;border-radius:4px;background-color:#fff}:host ::ng-deep ::-webkit-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep ::-moz-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-ms-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-moz-placeholder{color:#9ca2ad!important;text-indent:0}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }, { kind: "component", type: LibsUiComponentsInputsInputComponent, selector: "libs_ui-components-inputs-input", inputs: ["tagInput", "dataType", "typeInput", "modeInput", "tabInsertContentTagInput", "textAreaEnterNotNewLine", "emitEmptyInDataTypeNumber", "keepZeroInTypeInt", "autoAddZeroLessThan10InTypeInt", "ignoreBlockInputMaxValue", "maxValueNumber", "minValueNumber", "fixedFloat", "acceptNegativeValue", "valueUpDownNumber", "classInclude", "maxLength", "readonly", "disable", "noBorder", "backgroundNone", "borderError", "useColorModeExist", "placeholder", "keepPlaceholderOnly", "value", "autoRemoveEmoji", "defaultHeight", "minHeightTextArea", "maxHeightTextArea", "focusTimeOut", "selectAllTimeOut", "blurTimeOut", "zIndexPopoverContent", "classContainerInput", "showCount", "ignoreStopPropagationEvent", "resize", "templateLeftBottomInput", "templateRightBottomInput", "classContainerBottomInput", "ignoreWidthInput100", "iframeTextareaCustomStyle", "iconLeftClass", "popoverContentIconLeft", "iconRightClass", "popoverContentIconRight", "resetAutoCompletePassword", "acceptOnlyClickIcon", "setIconRightColorSameColorDisableReadOnly", "onlyAcceptNegativeValue", "maxLengthNumberCount", "focusInput"], outputs: ["maxValueNumberChange", "minValueNumberChange", "fixedFloatChange", "acceptNegativeValueChange", "maxLengthChange", "valueChange", "maxLengthNumberCountChange", "outHeightAreaChange", "outChange", "outFocusAndBlurEvent", "outEnterEvent", "outInputEvent", "outIconLeft", "outIconRight", "outFunctionsControl", "outFilesDrop", "outFileDrop", "outChangeValueByButtonUpDown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsDatetimeInputComponent, isStandalone: true, selector: "libs_ui-components-datetime-input", inputs: { multiTime: { classPropertyName: "multiTime", publicName: "multiTime", isSignal: true, isRequired: false, transformFunction: null }, selectedTime: { classPropertyName: "selectedTime", publicName: "selectedTime", isSignal: true, isRequired: false, transformFunction: null }, classIncludeBetweenTime: { classPropertyName: "classIncludeBetweenTime", publicName: "classIncludeBetweenTime", isSignal: true, isRequired: false, transformFunction: null }, fromAndToDateLabel: { classPropertyName: "fromAndToDateLabel", publicName: "fromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, resetInput: { classPropertyName: "resetInput", publicName: "resetInput", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, validCompareTime: { classPropertyName: "validCompareTime", publicName: "validCompareTime", isSignal: true, isRequired: false, transformFunction: null }, ignoreBorder: { classPropertyName: "ignoreBorder", publicName: "ignoreBorder", isSignal: true, isRequired: false, transformFunction: null }, ignoreMultiIcon: { classPropertyName: "ignoreMultiIcon", publicName: "ignoreMultiIcon", isSignal: true, isRequired: false, transformFunction: null }, classDatePickerInput: { classPropertyName: "classDatePickerInput", publicName: "classDatePickerInput", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowValid: { classPropertyName: "ignoreShowValid", publicName: "ignoreShowValid", isSignal: true, isRequired: false, transformFunction: null }, ignoreCheckValidWhenInput: { classPropertyName: "ignoreCheckValidWhenInput", publicName: "ignoreCheckValidWhenInput", isSignal: true, isRequired: false, transformFunction: null }, ignoreAllowEqualTime: { classPropertyName: "ignoreAllowEqualTime", publicName: "ignoreAllowEqualTime", isSignal: true, isRequired: false, transformFunction: null }, emitDataSingleDataWhenUseMultiTime: { classPropertyName: "emitDataSingleDataWhenUseMultiTime", publicName: "emitDataSingleDataWhenUseMultiTime", isSignal: true, isRequired: false, transformFunction: null }, classIncludeInput: { classPropertyName: "classIncludeInput", publicName: "classIncludeInput", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, defaultHeight: { classPropertyName: "defaultHeight", publicName: "defaultHeight", isSignal: true, isRequired: false, transformFunction: null }, ignoreWithDefault: { classPropertyName: "ignoreWithDefault", publicName: "ignoreWithDefault", isSignal: true, isRequired: false, transformFunction: null }, isEmitRealTime: { classPropertyName: "isEmitRealTime", publicName: "isEmitRealTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outEmitSingleTime: "outEmitSingleTime", outEmitMultiTime: "outEmitMultiTime", outClickButtonLabel: "outClickButtonLabel", outSwitchEventLabel: "outSwitchEventLabel", outLabelRightClick: "outLabelRightClick", outFunctionsControl: "outFunctionsControl", outEmitValid: "outEmitValid", outResetTime: "outResetTime", outEmitRealTime: "outEmitRealTime" }, ngImport: i0, template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\"\n    (outClickButton)=\"handlerClickButtonLabel($event)\"\n    (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n    (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n}\n<div class=\"flex items-baseline\">\n  <div\n    class=\" libs-ui-date-time-input {{ classDatePickerInput() ?? '' }} relative\"\n    [class.!w-[123px]]=\"!ignoreWithDefault() && resetInput() && !multiTime()\"\n    [class.!w-[155px]]=\"!ignoreWithDefault() && !resetInput() && multiTime()\"\n    [class.!w-[99px]]=\"!ignoreWithDefault() && !resetInput() && !multiTime()\"\n    [class.!w-[179px]]=\"!ignoreWithDefault() && resetInput() && multiTime()\"\n    [class.!bg-[#f8f9fa]]=\"readonly()\"\n    [class.libs-ui-border-general]=\"!isErrorRequired() && !isErrorMultiValidCompareTime() && !ignoreBorder()\"\n    [class.!border]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[1px]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[#4e8cf7]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.libs-ui-border-error-general]=\"(isErrorRequired() || isErrorMultiValidCompareTime() || showBorderError()) && !ignoreBorder()\">\n    <div class=\"pr-[8px] pl-[16px] h-full flex items-center\">\n      <i\n        class=\"libs-ui-icon-clock text-[14px] text-[#9ca2ad]\"\n        [class.opacity-0.5]=\"disable()\"></i>\n    </div>\n    <div class=\"flex items-baseline\">\n      <div\n        [class.!w-[16px]]=\"hours()\"\n        [class.!w-[18px]]=\"!hours()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"!p-0 w-full !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [maxValueNumber]=\"23\"\n          [minValueNumber]=\"0\"\n          [value]=\"hours() || ''\"\n          [placeholder]=\"'hh'\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'hours')\"\n          (outChange)=\"handlerValueHoursChange($event, 'hours')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'hours')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromHours')\"\n          [maxLength]=\"2\" />\n      </div>\n      <div\n        class=\"libs-ui-font-h4r flex items-center\"\n        [class.!text-[#9ca2ad]]=\"!hours() && !minutes()\"\n        [class.!text-[#071631]]=\"hours() || minutes()\"\n        [class.opacity-0.5]=\"disable()\">\n        &colon;\n      </div>\n      <div\n        [class.w-[16px]]=\"minutes()\"\n        [class.w-[28px]]=\"!minutes()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [placeholder]=\"'mm'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [maxValueNumber]=\"59\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'minutes')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromMinutes')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'minutes')\"\n          (outChange)=\"handlerValueMinutesChange($event, 'minutes')\"\n          [value]=\"minutes() || ''\"\n          [maxLength]=\"2\" />\n      </div>\n    </div>\n    @if (multiTime()) {\n      <div\n        class=\"ml-[4px] mr-[3px] h-full flex items-center pt-[1px] libs-ui-font-h6r\"\n        [class.text-[#9ca2ad]]=\"!hours() && !minutes() && !toHours() && !toMinutes()\"\n        [class.text-[#071631]]=\"hours() || minutes() || toHours() || toMinutes()\">\n        -\n      </div>\n      <div class=\"flex items-baseline\">\n        <div\n          [class.!w-[16px]]=\"toHours()\"\n          [class.!w-[18px]]=\"!toHours()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [disable]=\"disable()\"\n            [defaultHeight]=\"defaultHeight()\"\n            [readonly]=\"readonly()\"\n            [maxValueNumber]=\"23\"\n            [minValueNumber]=\"0\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [value]=\"toHours() || ''\"\n            [placeholder]=\"'hh'\"\n            [focusTimeOut]=\"0\"\n            (outInputEvent)=\"eventInput($event, 'toHours')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toHours')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'toHours')\"\n            (outChange)=\"handlerValueHoursChange($event, 'toHours')\"\n            [maxLength]=\"2\" />\n        </div>\n        <div\n          class=\"libs-ui-font-h4r flex items-center\"\n          [class.!text-[#9ca2ad]]=\"!toHours() && !toMinutes()\"\n          [class.!text-[#071631]]=\"toHours() || toMinutes()\"\n          [class.opacity-0.5]=\"disable()\">\n          &colon;\n        </div>\n        <div\n          [class.!w-[16px]]=\"toMinutes()\"\n          [class.!w-[28px]]=\"!toMinutes()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [defaultHeight]=\"defaultHeight()\"\n            [disable]=\"disable()\"\n            [readonly]=\"readonly()\"\n            [placeholder]=\"'mm'\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [maxValueNumber]=\"59\"\n            [focusTimeOut]=\"0\"\n            [value]=\"toMinutes() || ''\"\n            [maxLength]=\"2\"\n            (outInputEvent)=\"eventInput($event, 'toMinutes')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toMinutes')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'toMinutes')\"\n            (outChange)=\"handlerValueMinutesChange($event, 'toMinutes')\" />\n        </div>\n      </div>\n    }\n    @if (resetInput() && (hours() || minutes()) && !disable() && !readonly()) {\n      <div\n        class=\"h-full items-center flex ml-[2px] cursor-pointer absolute right-[10px] top-0\"\n        (click)=\"handlerClickClear()\">\n        <i class=\"libs-ui-icon-close-circle-solid !before:text-[8px] text-[#cdd0d6]\"></i>\n      </div>\n    }\n  </div>\n</div>\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && (isErrorMultiRequired() || isErrorRequired()) && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      [class]=\"'libs-ui-message-error libs-ui-font-h7r libs-ui-text-error'\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n@if (!ignoreShowValid() && isErrorMultiValidCompareTime() && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validCompareTime()?.message || 'i18n_invalid_end_date_selected';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: validCompareTime()?.interpolateParams\"></span>\n  </div>\n}\n\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && !isErrorMultiRequired() && !isErrorRequired() && !disable() && !readonly() && otherError()?.message) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = otherError()?.message || ' ';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: otherError()?.interpolateParams\"></span>\n  </div>\n}\n", styles: [".libs-ui-date-time-input{display:flex;align-items:center;height:32px;border-radius:4px;background-color:#fff}:host ::ng-deep ::-webkit-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep ::-moz-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-ms-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-moz-placeholder{color:#9ca2ad!important;text-indent:0}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }, { kind: "component", type: LibsUiComponentsInputsInputComponent, selector: "libs_ui-components-inputs-input", inputs: ["tagInput", "dataType", "typeInput", "modeInput", "tabInsertContentTagInput", "textAreaEnterNotNewLine", "emitEmptyInDataTypeNumber", "keepZeroInTypeInt", "autoAddZeroLessThan10InTypeInt", "ignoreBlockInputMaxValue", "maxValueNumber", "minValueNumber", "fixedFloat", "acceptNegativeValue", "valueUpDownNumber", "classInclude", "maxLength", "readonly", "disable", "noBorder", "backgroundNone", "borderError", "useColorModeExist", "placeholder", "keepPlaceholderOnly", "value", "autoRemoveEmoji", "defaultHeight", "minHeightTextArea", "maxHeightTextArea", "focusTimeOut", "selectAllTimeOut", "blurTimeOut", "zIndexPopoverContent", "classContainerInput", "showCount", "ignoreStopPropagationEvent", "resize", "templateLeftBottomInput", "templateRightBottomInput", "classContainerBottomInput", "ignoreWidthInput100", "iframeTextareaCustomStyle", "iconLeftClass", "popoverContentIconLeft", "iconRightClass", "popoverContentIconRight", "resetAutoCompletePassword", "acceptOnlyClickIcon", "setIconRightColorSameColorDisableReadOnly", "onlyAcceptNegativeValue", "maxLengthNumberCount", "focusInput"], outputs: ["maxValueNumberChange", "minValueNumberChange", "fixedFloatChange", "acceptNegativeValueChange", "maxLengthChange", "valueChange", "maxLengthNumberCountChange", "outHeightAreaChange", "outChange", "outFocusAndBlurEvent", "outEnterEvent", "outInputEvent", "outIconLeft", "outIconRight", "outFunctionsControl", "outFilesDrop", "outFileDrop", "outChangeValueByButtonUpDown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-datetime-input', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, LibsUiComponentsLabelComponent, LibsUiComponentsInputsInputComponent], template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\"\n    (outClickButton)=\"handlerClickButtonLabel($event)\"\n    (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n    (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n}\n<div class=\"flex items-baseline\">\n  <div\n    class=\" libs-ui-date-time-input {{ classDatePickerInput() ?? '' }} relative\"\n    [class.!w-[123px]]=\"!ignoreWithDefault() && resetInput() && !multiTime()\"\n    [class.!w-[155px]]=\"!ignoreWithDefault() && !resetInput() && multiTime()\"\n    [class.!w-[99px]]=\"!ignoreWithDefault() && !resetInput() && !multiTime()\"\n    [class.!w-[179px]]=\"!ignoreWithDefault() && resetInput() && multiTime()\"\n    [class.!bg-[#f8f9fa]]=\"readonly()\"\n    [class.libs-ui-border-general]=\"!isErrorRequired() && !isErrorMultiValidCompareTime() && !ignoreBorder()\"\n    [class.!border]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[1px]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[#4e8cf7]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.libs-ui-border-error-general]=\"(isErrorRequired() || isErrorMultiValidCompareTime() || showBorderError()) && !ignoreBorder()\">\n    <div class=\"pr-[8px] pl-[16px] h-full flex items-center\">\n      <i\n        class=\"libs-ui-icon-clock text-[14px] text-[#9ca2ad]\"\n        [class.opacity-0.5]=\"disable()\"></i>\n    </div>\n    <div class=\"flex items-baseline\">\n      <div\n        [class.!w-[16px]]=\"hours()\"\n        [class.!w-[18px]]=\"!hours()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"!p-0 w-full !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [maxValueNumber]=\"23\"\n          [minValueNumber]=\"0\"\n          [value]=\"hours() || ''\"\n          [placeholder]=\"'hh'\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'hours')\"\n          (outChange)=\"handlerValueHoursChange($event, 'hours')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'hours')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromHours')\"\n          [maxLength]=\"2\" />\n      </div>\n      <div\n        class=\"libs-ui-font-h4r flex items-center\"\n        [class.!text-[#9ca2ad]]=\"!hours() && !minutes()\"\n        [class.!text-[#071631]]=\"hours() || minutes()\"\n        [class.opacity-0.5]=\"disable()\">\n        &colon;\n      </div>\n      <div\n        [class.w-[16px]]=\"minutes()\"\n        [class.w-[28px]]=\"!minutes()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [placeholder]=\"'mm'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [maxValueNumber]=\"59\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'minutes')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromMinutes')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'minutes')\"\n          (outChange)=\"handlerValueMinutesChange($event, 'minutes')\"\n          [value]=\"minutes() || ''\"\n          [maxLength]=\"2\" />\n      </div>\n    </div>\n    @if (multiTime()) {\n      <div\n        class=\"ml-[4px] mr-[3px] h-full flex items-center pt-[1px] libs-ui-font-h6r\"\n        [class.text-[#9ca2ad]]=\"!hours() && !minutes() && !toHours() && !toMinutes()\"\n        [class.text-[#071631]]=\"hours() || minutes() || toHours() || toMinutes()\">\n        -\n      </div>\n      <div class=\"flex items-baseline\">\n        <div\n          [class.!w-[16px]]=\"toHours()\"\n          [class.!w-[18px]]=\"!toHours()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [disable]=\"disable()\"\n            [defaultHeight]=\"defaultHeight()\"\n            [readonly]=\"readonly()\"\n            [maxValueNumber]=\"23\"\n            [minValueNumber]=\"0\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [value]=\"toHours() || ''\"\n            [placeholder]=\"'hh'\"\n            [focusTimeOut]=\"0\"\n            (outInputEvent)=\"eventInput($event, 'toHours')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toHours')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'toHours')\"\n            (outChange)=\"handlerValueHoursChange($event, 'toHours')\"\n            [maxLength]=\"2\" />\n        </div>\n        <div\n          class=\"libs-ui-font-h4r flex items-center\"\n          [class.!text-[#9ca2ad]]=\"!toHours() && !toMinutes()\"\n          [class.!text-[#071631]]=\"toHours() || toMinutes()\"\n          [class.opacity-0.5]=\"disable()\">\n          &colon;\n        </div>\n        <div\n          [class.!w-[16px]]=\"toMinutes()\"\n          [class.!w-[28px]]=\"!toMinutes()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [defaultHeight]=\"defaultHeight()\"\n            [disable]=\"disable()\"\n            [readonly]=\"readonly()\"\n            [placeholder]=\"'mm'\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [maxValueNumber]=\"59\"\n            [focusTimeOut]=\"0\"\n            [value]=\"toMinutes() || ''\"\n            [maxLength]=\"2\"\n            (outInputEvent)=\"eventInput($event, 'toMinutes')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toMinutes')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'toMinutes')\"\n            (outChange)=\"handlerValueMinutesChange($event, 'toMinutes')\" />\n        </div>\n      </div>\n    }\n    @if (resetInput() && (hours() || minutes()) && !disable() && !readonly()) {\n      <div\n        class=\"h-full items-center flex ml-[2px] cursor-pointer absolute right-[10px] top-0\"\n        (click)=\"handlerClickClear()\">\n        <i class=\"libs-ui-icon-close-circle-solid !before:text-[8px] text-[#cdd0d6]\"></i>\n      </div>\n    }\n  </div>\n</div>\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && (isErrorMultiRequired() || isErrorRequired()) && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      [class]=\"'libs-ui-message-error libs-ui-font-h7r libs-ui-text-error'\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n@if (!ignoreShowValid() && isErrorMultiValidCompareTime() && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validCompareTime()?.message || 'i18n_invalid_end_date_selected';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: validCompareTime()?.interpolateParams\"></span>\n  </div>\n}\n\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && !isErrorMultiRequired() && !isErrorRequired() && !disable() && !readonly() && otherError()?.message) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = otherError()?.message || ' ';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: otherError()?.interpolateParams\"></span>\n  </div>\n}\n", styles: [".libs-ui-date-time-input{display:flex;align-items:center;height:32px;border-radius:4px;background-color:#fff}:host ::ng-deep ::-webkit-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep ::-moz-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-ms-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-moz-placeholder{color:#9ca2ad!important;text-indent:0}\n"] }]
         }], ctorParameters: () => [] });

package/fesm2022/libs-ui-components-datetime-input.mjs CHANGED Viewed

@@ -525,10 +525,10 @@ class LibsUiComponentsDatetimeInputComponent {
     getInstance() {
         return this;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDatetimeInputComponent, isStandalone: true, selector: "libs_ui-components-datetime-input", inputs: { multiTime: { classPropertyName: "multiTime", publicName: "multiTime", isSignal: true, isRequired: false, transformFunction: null }, selectedTime: { classPropertyName: "selectedTime", publicName: "selectedTime", isSignal: true, isRequired: false, transformFunction: null }, classIncludeBetweenTime: { classPropertyName: "classIncludeBetweenTime", publicName: "classIncludeBetweenTime", isSignal: true, isRequired: false, transformFunction: null }, fromAndToDateLabel: { classPropertyName: "fromAndToDateLabel", publicName: "fromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, resetInput: { classPropertyName: "resetInput", publicName: "resetInput", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, validCompareTime: { classPropertyName: "validCompareTime", publicName: "validCompareTime", isSignal: true, isRequired: false, transformFunction: null }, ignoreBorder: { classPropertyName: "ignoreBorder", publicName: "ignoreBorder", isSignal: true, isRequired: false, transformFunction: null }, ignoreMultiIcon: { classPropertyName: "ignoreMultiIcon", publicName: "ignoreMultiIcon", isSignal: true, isRequired: false, transformFunction: null }, classDatePickerInput: { classPropertyName: "classDatePickerInput", publicName: "classDatePickerInput", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowValid: { classPropertyName: "ignoreShowValid", publicName: "ignoreShowValid", isSignal: true, isRequired: false, transformFunction: null }, ignoreCheckValidWhenInput: { classPropertyName: "ignoreCheckValidWhenInput", publicName: "ignoreCheckValidWhenInput", isSignal: true, isRequired: false, transformFunction: null }, ignoreAllowEqualTime: { classPropertyName: "ignoreAllowEqualTime", publicName: "ignoreAllowEqualTime", isSignal: true, isRequired: false, transformFunction: null }, emitDataSingleDataWhenUseMultiTime: { classPropertyName: "emitDataSingleDataWhenUseMultiTime", publicName: "emitDataSingleDataWhenUseMultiTime", isSignal: true, isRequired: false, transformFunction: null }, classIncludeInput: { classPropertyName: "classIncludeInput", publicName: "classIncludeInput", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, defaultHeight: { classPropertyName: "defaultHeight", publicName: "defaultHeight", isSignal: true, isRequired: false, transformFunction: null }, ignoreWithDefault: { classPropertyName: "ignoreWithDefault", publicName: "ignoreWithDefault", isSignal: true, isRequired: false, transformFunction: null }, isEmitRealTime: { classPropertyName: "isEmitRealTime", publicName: "isEmitRealTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outEmitSingleTime: "outEmitSingleTime", outEmitMultiTime: "outEmitMultiTime", outClickButtonLabel: "outClickButtonLabel", outSwitchEventLabel: "outSwitchEventLabel", outLabelRightClick: "outLabelRightClick", outFunctionsControl: "outFunctionsControl", outEmitValid: "outEmitValid", outResetTime: "outResetTime", outEmitRealTime: "outEmitRealTime" }, ngImport: i0, template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\"\n    (outClickButton)=\"handlerClickButtonLabel($event)\"\n    (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n    (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n}\n<div class=\"flex items-baseline\">\n  <div\n    class=\" libs-ui-date-time-input {{ classDatePickerInput() ?? '' }} relative\"\n    [class.!w-[123px]]=\"!ignoreWithDefault() && resetInput() && !multiTime()\"\n    [class.!w-[155px]]=\"!ignoreWithDefault() && !resetInput() && multiTime()\"\n    [class.!w-[99px]]=\"!ignoreWithDefault() && !resetInput() && !multiTime()\"\n    [class.!w-[179px]]=\"!ignoreWithDefault() && resetInput() && multiTime()\"\n    [class.!bg-[#f8f9fa]]=\"readonly()\"\n    [class.libs-ui-border-general]=\"!isErrorRequired() && !isErrorMultiValidCompareTime() && !ignoreBorder()\"\n    [class.!border]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[1px]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[#4e8cf7]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.libs-ui-border-error-general]=\"(isErrorRequired() || isErrorMultiValidCompareTime() || showBorderError()) && !ignoreBorder()\">\n    <div class=\"pr-[8px] pl-[16px] h-full flex items-center\">\n      <i\n        class=\"libs-ui-icon-clock text-[14px] text-[#9ca2ad]\"\n        [class.opacity-0.5]=\"disable()\"></i>\n    </div>\n    <div class=\"flex items-baseline\">\n      <div\n        [class.!w-[16px]]=\"hours()\"\n        [class.!w-[18px]]=\"!hours()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"!p-0 w-full !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [maxValueNumber]=\"23\"\n          [minValueNumber]=\"0\"\n          [value]=\"hours() || ''\"\n          [placeholder]=\"'hh'\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'hours')\"\n          (outChange)=\"handlerValueHoursChange($event, 'hours')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'hours')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromHours')\"\n          [maxLength]=\"2\" />\n      </div>\n      <div\n        class=\"libs-ui-font-h4r flex items-center\"\n        [class.!text-[#9ca2ad]]=\"!hours() && !minutes()\"\n        [class.!text-[#071631]]=\"hours() || minutes()\"\n        [class.opacity-0.5]=\"disable()\">\n        &colon;\n      </div>\n      <div\n        [class.w-[16px]]=\"minutes()\"\n        [class.w-[28px]]=\"!minutes()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [placeholder]=\"'mm'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [maxValueNumber]=\"59\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'minutes')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromMinutes')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'minutes')\"\n          (outChange)=\"handlerValueMinutesChange($event, 'minutes')\"\n          [value]=\"minutes() || ''\"\n          [maxLength]=\"2\" />\n      </div>\n    </div>\n    @if (multiTime()) {\n      <div\n        class=\"ml-[4px] mr-[3px] h-full flex items-center pt-[1px] libs-ui-font-h6r\"\n        [class.text-[#9ca2ad]]=\"!hours() && !minutes() && !toHours() && !toMinutes()\"\n        [class.text-[#071631]]=\"hours() || minutes() || toHours() || toMinutes()\">\n        -\n      </div>\n      <div class=\"flex items-baseline\">\n        <div\n          [class.!w-[16px]]=\"toHours()\"\n          [class.!w-[18px]]=\"!toHours()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [disable]=\"disable()\"\n            [defaultHeight]=\"defaultHeight()\"\n            [readonly]=\"readonly()\"\n            [maxValueNumber]=\"23\"\n            [minValueNumber]=\"0\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [value]=\"toHours() || ''\"\n            [placeholder]=\"'hh'\"\n            [focusTimeOut]=\"0\"\n            (outInputEvent)=\"eventInput($event, 'toHours')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toHours')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'toHours')\"\n            (outChange)=\"handlerValueHoursChange($event, 'toHours')\"\n            [maxLength]=\"2\" />\n        </div>\n        <div\n          class=\"libs-ui-font-h4r flex items-center\"\n          [class.!text-[#9ca2ad]]=\"!toHours() && !toMinutes()\"\n          [class.!text-[#071631]]=\"toHours() || toMinutes()\"\n          [class.opacity-0.5]=\"disable()\">\n          &colon;\n        </div>\n        <div\n          [class.!w-[16px]]=\"toMinutes()\"\n          [class.!w-[28px]]=\"!toMinutes()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [defaultHeight]=\"defaultHeight()\"\n            [disable]=\"disable()\"\n            [readonly]=\"readonly()\"\n            [placeholder]=\"'mm'\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [maxValueNumber]=\"59\"\n            [focusTimeOut]=\"0\"\n            [value]=\"toMinutes() || ''\"\n            [maxLength]=\"2\"\n            (outInputEvent)=\"eventInput($event, 'toMinutes')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toMinutes')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'toMinutes')\"\n            (outChange)=\"handlerValueMinutesChange($event, 'toMinutes')\" />\n        </div>\n      </div>\n    }\n    @if (resetInput() && (hours() || minutes()) && !disable() && !readonly()) {\n      <div\n        class=\"h-full items-center flex ml-[2px] cursor-pointer absolute right-[10px] top-0\"\n        (click)=\"handlerClickClear()\">\n        <i class=\"libs-ui-icon-close-circle-solid !before:text-[8px] text-[#cdd0d6]\"></i>\n      </div>\n    }\n  </div>\n</div>\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && (isErrorMultiRequired() || isErrorRequired()) && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      [class]=\"'libs-ui-message-error libs-ui-font-h7r libs-ui-text-error'\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n@if (!ignoreShowValid() && isErrorMultiValidCompareTime() && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validCompareTime()?.message || 'i18n_invalid_end_date_selected';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: validCompareTime()?.interpolateParams\"></span>\n  </div>\n}\n\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && !isErrorMultiRequired() && !isErrorRequired() && !disable() && !readonly() && otherError()?.message) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = otherError()?.message || ' ';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: otherError()?.interpolateParams\"></span>\n  </div>\n}\n", styles: [".libs-ui-date-time-input{display:flex;align-items:center;height:32px;border-radius:4px;background-color:#fff}:host ::ng-deep ::-webkit-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep ::-moz-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-ms-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-moz-placeholder{color:#9ca2ad!important;text-indent:0}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }, { kind: "component", type: LibsUiComponentsInputsInputComponent, selector: "libs_ui-components-inputs-input", inputs: ["tagInput", "dataType", "typeInput", "modeInput", "tabInsertContentTagInput", "textAreaEnterNotNewLine", "emitEmptyInDataTypeNumber", "keepZeroInTypeInt", "autoAddZeroLessThan10InTypeInt", "ignoreBlockInputMaxValue", "maxValueNumber", "minValueNumber", "fixedFloat", "acceptNegativeValue", "valueUpDownNumber", "classInclude", "maxLength", "readonly", "disable", "noBorder", "backgroundNone", "borderError", "useColorModeExist", "placeholder", "keepPlaceholderOnly", "value", "autoRemoveEmoji", "defaultHeight", "minHeightTextArea", "maxHeightTextArea", "focusTimeOut", "selectAllTimeOut", "blurTimeOut", "zIndexPopoverContent", "classContainerInput", "showCount", "ignoreStopPropagationEvent", "resize", "templateLeftBottomInput", "templateRightBottomInput", "classContainerBottomInput", "ignoreWidthInput100", "iframeTextareaCustomStyle", "iconLeftClass", "popoverContentIconLeft", "iconRightClass", "popoverContentIconRight", "resetAutoCompletePassword", "acceptOnlyClickIcon", "setIconRightColorSameColorDisableReadOnly", "onlyAcceptNegativeValue", "maxLengthNumberCount", "focusInput"], outputs: ["maxValueNumberChange", "minValueNumberChange", "fixedFloatChange", "acceptNegativeValueChange", "maxLengthChange", "valueChange", "maxLengthNumberCountChange", "outHeightAreaChange", "outChange", "outFocusAndBlurEvent", "outEnterEvent", "outInputEvent", "outIconLeft", "outIconRight", "outFunctionsControl", "outFilesDrop", "outFileDrop", "outChangeValueByButtonUpDown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsDatetimeInputComponent, isStandalone: true, selector: "libs_ui-components-datetime-input", inputs: { multiTime: { classPropertyName: "multiTime", publicName: "multiTime", isSignal: true, isRequired: false, transformFunction: null }, selectedTime: { classPropertyName: "selectedTime", publicName: "selectedTime", isSignal: true, isRequired: false, transformFunction: null }, classIncludeBetweenTime: { classPropertyName: "classIncludeBetweenTime", publicName: "classIncludeBetweenTime", isSignal: true, isRequired: false, transformFunction: null }, fromAndToDateLabel: { classPropertyName: "fromAndToDateLabel", publicName: "fromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, resetInput: { classPropertyName: "resetInput", publicName: "resetInput", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, validCompareTime: { classPropertyName: "validCompareTime", publicName: "validCompareTime", isSignal: true, isRequired: false, transformFunction: null }, ignoreBorder: { classPropertyName: "ignoreBorder", publicName: "ignoreBorder", isSignal: true, isRequired: false, transformFunction: null }, ignoreMultiIcon: { classPropertyName: "ignoreMultiIcon", publicName: "ignoreMultiIcon", isSignal: true, isRequired: false, transformFunction: null }, classDatePickerInput: { classPropertyName: "classDatePickerInput", publicName: "classDatePickerInput", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowValid: { classPropertyName: "ignoreShowValid", publicName: "ignoreShowValid", isSignal: true, isRequired: false, transformFunction: null }, ignoreCheckValidWhenInput: { classPropertyName: "ignoreCheckValidWhenInput", publicName: "ignoreCheckValidWhenInput", isSignal: true, isRequired: false, transformFunction: null }, ignoreAllowEqualTime: { classPropertyName: "ignoreAllowEqualTime", publicName: "ignoreAllowEqualTime", isSignal: true, isRequired: false, transformFunction: null }, emitDataSingleDataWhenUseMultiTime: { classPropertyName: "emitDataSingleDataWhenUseMultiTime", publicName: "emitDataSingleDataWhenUseMultiTime", isSignal: true, isRequired: false, transformFunction: null }, classIncludeInput: { classPropertyName: "classIncludeInput", publicName: "classIncludeInput", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, defaultHeight: { classPropertyName: "defaultHeight", publicName: "defaultHeight", isSignal: true, isRequired: false, transformFunction: null }, ignoreWithDefault: { classPropertyName: "ignoreWithDefault", publicName: "ignoreWithDefault", isSignal: true, isRequired: false, transformFunction: null }, isEmitRealTime: { classPropertyName: "isEmitRealTime", publicName: "isEmitRealTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outEmitSingleTime: "outEmitSingleTime", outEmitMultiTime: "outEmitMultiTime", outClickButtonLabel: "outClickButtonLabel", outSwitchEventLabel: "outSwitchEventLabel", outLabelRightClick: "outLabelRightClick", outFunctionsControl: "outFunctionsControl", outEmitValid: "outEmitValid", outResetTime: "outResetTime", outEmitRealTime: "outEmitRealTime" }, ngImport: i0, template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\"\n    (outClickButton)=\"handlerClickButtonLabel($event)\"\n    (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n    (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n}\n<div class=\"flex items-baseline\">\n  <div\n    class=\" libs-ui-date-time-input {{ classDatePickerInput() ?? '' }} relative\"\n    [class.!w-[123px]]=\"!ignoreWithDefault() && resetInput() && !multiTime()\"\n    [class.!w-[155px]]=\"!ignoreWithDefault() && !resetInput() && multiTime()\"\n    [class.!w-[99px]]=\"!ignoreWithDefault() && !resetInput() && !multiTime()\"\n    [class.!w-[179px]]=\"!ignoreWithDefault() && resetInput() && multiTime()\"\n    [class.!bg-[#f8f9fa]]=\"readonly()\"\n    [class.libs-ui-border-general]=\"!isErrorRequired() && !isErrorMultiValidCompareTime() && !ignoreBorder()\"\n    [class.!border]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[1px]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[#4e8cf7]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.libs-ui-border-error-general]=\"(isErrorRequired() || isErrorMultiValidCompareTime() || showBorderError()) && !ignoreBorder()\">\n    <div class=\"pr-[8px] pl-[16px] h-full flex items-center\">\n      <i\n        class=\"libs-ui-icon-clock text-[14px] text-[#9ca2ad]\"\n        [class.opacity-0.5]=\"disable()\"></i>\n    </div>\n    <div class=\"flex items-baseline\">\n      <div\n        [class.!w-[16px]]=\"hours()\"\n        [class.!w-[18px]]=\"!hours()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"!p-0 w-full !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [maxValueNumber]=\"23\"\n          [minValueNumber]=\"0\"\n          [value]=\"hours() || ''\"\n          [placeholder]=\"'hh'\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'hours')\"\n          (outChange)=\"handlerValueHoursChange($event, 'hours')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'hours')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromHours')\"\n          [maxLength]=\"2\" />\n      </div>\n      <div\n        class=\"libs-ui-font-h4r flex items-center\"\n        [class.!text-[#9ca2ad]]=\"!hours() && !minutes()\"\n        [class.!text-[#071631]]=\"hours() || minutes()\"\n        [class.opacity-0.5]=\"disable()\">\n        &colon;\n      </div>\n      <div\n        [class.w-[16px]]=\"minutes()\"\n        [class.w-[28px]]=\"!minutes()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [placeholder]=\"'mm'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [maxValueNumber]=\"59\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'minutes')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromMinutes')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'minutes')\"\n          (outChange)=\"handlerValueMinutesChange($event, 'minutes')\"\n          [value]=\"minutes() || ''\"\n          [maxLength]=\"2\" />\n      </div>\n    </div>\n    @if (multiTime()) {\n      <div\n        class=\"ml-[4px] mr-[3px] h-full flex items-center pt-[1px] libs-ui-font-h6r\"\n        [class.text-[#9ca2ad]]=\"!hours() && !minutes() && !toHours() && !toMinutes()\"\n        [class.text-[#071631]]=\"hours() || minutes() || toHours() || toMinutes()\">\n        -\n      </div>\n      <div class=\"flex items-baseline\">\n        <div\n          [class.!w-[16px]]=\"toHours()\"\n          [class.!w-[18px]]=\"!toHours()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [disable]=\"disable()\"\n            [defaultHeight]=\"defaultHeight()\"\n            [readonly]=\"readonly()\"\n            [maxValueNumber]=\"23\"\n            [minValueNumber]=\"0\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [value]=\"toHours() || ''\"\n            [placeholder]=\"'hh'\"\n            [focusTimeOut]=\"0\"\n            (outInputEvent)=\"eventInput($event, 'toHours')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toHours')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'toHours')\"\n            (outChange)=\"handlerValueHoursChange($event, 'toHours')\"\n            [maxLength]=\"2\" />\n        </div>\n        <div\n          class=\"libs-ui-font-h4r flex items-center\"\n          [class.!text-[#9ca2ad]]=\"!toHours() && !toMinutes()\"\n          [class.!text-[#071631]]=\"toHours() || toMinutes()\"\n          [class.opacity-0.5]=\"disable()\">\n          &colon;\n        </div>\n        <div\n          [class.!w-[16px]]=\"toMinutes()\"\n          [class.!w-[28px]]=\"!toMinutes()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [defaultHeight]=\"defaultHeight()\"\n            [disable]=\"disable()\"\n            [readonly]=\"readonly()\"\n            [placeholder]=\"'mm'\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [maxValueNumber]=\"59\"\n            [focusTimeOut]=\"0\"\n            [value]=\"toMinutes() || ''\"\n            [maxLength]=\"2\"\n            (outInputEvent)=\"eventInput($event, 'toMinutes')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toMinutes')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'toMinutes')\"\n            (outChange)=\"handlerValueMinutesChange($event, 'toMinutes')\" />\n        </div>\n      </div>\n    }\n    @if (resetInput() && (hours() || minutes()) && !disable() && !readonly()) {\n      <div\n        class=\"h-full items-center flex ml-[2px] cursor-pointer absolute right-[10px] top-0\"\n        (click)=\"handlerClickClear()\">\n        <i class=\"libs-ui-icon-close-circle-solid !before:text-[8px] text-[#cdd0d6]\"></i>\n      </div>\n    }\n  </div>\n</div>\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && (isErrorMultiRequired() || isErrorRequired()) && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      [class]=\"'libs-ui-message-error libs-ui-font-h7r libs-ui-text-error'\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n@if (!ignoreShowValid() && isErrorMultiValidCompareTime() && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validCompareTime()?.message || 'i18n_invalid_end_date_selected';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: validCompareTime()?.interpolateParams\"></span>\n  </div>\n}\n\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && !isErrorMultiRequired() && !isErrorRequired() && !disable() && !readonly() && otherError()?.message) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = otherError()?.message || ' ';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: otherError()?.interpolateParams\"></span>\n  </div>\n}\n", styles: [".libs-ui-date-time-input{display:flex;align-items:center;height:32px;border-radius:4px;background-color:#fff}:host ::ng-deep ::-webkit-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep ::-moz-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-ms-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-moz-placeholder{color:#9ca2ad!important;text-indent:0}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }, { kind: "component", type: LibsUiComponentsInputsInputComponent, selector: "libs_ui-components-inputs-input", inputs: ["tagInput", "dataType", "typeInput", "modeInput", "tabInsertContentTagInput", "textAreaEnterNotNewLine", "emitEmptyInDataTypeNumber", "keepZeroInTypeInt", "autoAddZeroLessThan10InTypeInt", "ignoreBlockInputMaxValue", "maxValueNumber", "minValueNumber", "fixedFloat", "acceptNegativeValue", "valueUpDownNumber", "classInclude", "maxLength", "readonly", "disable", "noBorder", "backgroundNone", "borderError", "useColorModeExist", "placeholder", "keepPlaceholderOnly", "value", "autoRemoveEmoji", "defaultHeight", "minHeightTextArea", "maxHeightTextArea", "focusTimeOut", "selectAllTimeOut", "blurTimeOut", "zIndexPopoverContent", "classContainerInput", "showCount", "ignoreStopPropagationEvent", "resize", "templateLeftBottomInput", "templateRightBottomInput", "classContainerBottomInput", "ignoreWidthInput100", "iframeTextareaCustomStyle", "iconLeftClass", "popoverContentIconLeft", "iconRightClass", "popoverContentIconRight", "resetAutoCompletePassword", "acceptOnlyClickIcon", "setIconRightColorSameColorDisableReadOnly", "onlyAcceptNegativeValue", "maxLengthNumberCount", "focusInput"], outputs: ["maxValueNumberChange", "minValueNumberChange", "fixedFloatChange", "acceptNegativeValueChange", "maxLengthChange", "valueChange", "maxLengthNumberCountChange", "outHeightAreaChange", "outChange", "outFocusAndBlurEvent", "outEnterEvent", "outInputEvent", "outIconLeft", "outIconRight", "outFunctionsControl", "outFilesDrop", "outFileDrop", "outChangeValueByButtonUpDown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-datetime-input', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, LibsUiComponentsLabelComponent, LibsUiComponentsInputsInputComponent], template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\"\n    (outClickButton)=\"handlerClickButtonLabel($event)\"\n    (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n    (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n}\n<div class=\"flex items-baseline\">\n  <div\n    class=\" libs-ui-date-time-input {{ classDatePickerInput() ?? '' }} relative\"\n    [class.!w-[123px]]=\"!ignoreWithDefault() && resetInput() && !multiTime()\"\n    [class.!w-[155px]]=\"!ignoreWithDefault() && !resetInput() && multiTime()\"\n    [class.!w-[99px]]=\"!ignoreWithDefault() && !resetInput() && !multiTime()\"\n    [class.!w-[179px]]=\"!ignoreWithDefault() && resetInput() && multiTime()\"\n    [class.!bg-[#f8f9fa]]=\"readonly()\"\n    [class.libs-ui-border-general]=\"!isErrorRequired() && !isErrorMultiValidCompareTime() && !ignoreBorder()\"\n    [class.!border]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[1px]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.!border-[#4e8cf7]]=\"changeBorderFocus().changeBorder && !ignoreBorder() && !(isErrorRequired() || isErrorMultiValidCompareTime())\"\n    [class.libs-ui-border-error-general]=\"(isErrorRequired() || isErrorMultiValidCompareTime() || showBorderError()) && !ignoreBorder()\">\n    <div class=\"pr-[8px] pl-[16px] h-full flex items-center\">\n      <i\n        class=\"libs-ui-icon-clock text-[14px] text-[#9ca2ad]\"\n        [class.opacity-0.5]=\"disable()\"></i>\n    </div>\n    <div class=\"flex items-baseline\">\n      <div\n        [class.!w-[16px]]=\"hours()\"\n        [class.!w-[18px]]=\"!hours()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"!p-0 w-full !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [maxValueNumber]=\"23\"\n          [minValueNumber]=\"0\"\n          [value]=\"hours() || ''\"\n          [placeholder]=\"'hh'\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'hours')\"\n          (outChange)=\"handlerValueHoursChange($event, 'hours')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'hours')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromHours')\"\n          [maxLength]=\"2\" />\n      </div>\n      <div\n        class=\"libs-ui-font-h4r flex items-center\"\n        [class.!text-[#9ca2ad]]=\"!hours() && !minutes()\"\n        [class.!text-[#071631]]=\"hours() || minutes()\"\n        [class.opacity-0.5]=\"disable()\">\n        &colon;\n      </div>\n      <div\n        [class.w-[16px]]=\"minutes()\"\n        [class.w-[28px]]=\"!minutes()\">\n        <libs_ui-components-inputs-input\n          classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n          [dataType]=\"'int'\"\n          [disable]=\"disable()\"\n          [defaultHeight]=\"defaultHeight()\"\n          [readonly]=\"readonly()\"\n          [placeholder]=\"'mm'\"\n          [autoAddZeroLessThan10InTypeInt]=\"true\"\n          [emitEmptyInDataTypeNumber]=\"true\"\n          [maxValueNumber]=\"59\"\n          [focusTimeOut]=\"0\"\n          (outInputEvent)=\"eventInput($event, 'minutes')\"\n          (outFunctionsControl)=\"handlerFocus($event, 'fromMinutes')\"\n          (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'minutes')\"\n          (outChange)=\"handlerValueMinutesChange($event, 'minutes')\"\n          [value]=\"minutes() || ''\"\n          [maxLength]=\"2\" />\n      </div>\n    </div>\n    @if (multiTime()) {\n      <div\n        class=\"ml-[4px] mr-[3px] h-full flex items-center pt-[1px] libs-ui-font-h6r\"\n        [class.text-[#9ca2ad]]=\"!hours() && !minutes() && !toHours() && !toMinutes()\"\n        [class.text-[#071631]]=\"hours() || minutes() || toHours() || toMinutes()\">\n        -\n      </div>\n      <div class=\"flex items-baseline\">\n        <div\n          [class.!w-[16px]]=\"toHours()\"\n          [class.!w-[18px]]=\"!toHours()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [disable]=\"disable()\"\n            [defaultHeight]=\"defaultHeight()\"\n            [readonly]=\"readonly()\"\n            [maxValueNumber]=\"23\"\n            [minValueNumber]=\"0\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [value]=\"toHours() || ''\"\n            [placeholder]=\"'hh'\"\n            [focusTimeOut]=\"0\"\n            (outInputEvent)=\"eventInput($event, 'toHours')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toHours')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlur($event, 'toHours')\"\n            (outChange)=\"handlerValueHoursChange($event, 'toHours')\"\n            [maxLength]=\"2\" />\n        </div>\n        <div\n          class=\"libs-ui-font-h4r flex items-center\"\n          [class.!text-[#9ca2ad]]=\"!toHours() && !toMinutes()\"\n          [class.!text-[#071631]]=\"toHours() || toMinutes()\"\n          [class.opacity-0.5]=\"disable()\">\n          &colon;\n        </div>\n        <div\n          [class.!w-[16px]]=\"toMinutes()\"\n          [class.!w-[28px]]=\"!toMinutes()\">\n          <libs_ui-components-inputs-input\n            classInclude=\"w-full !p-0 !border-none text-center text-[#333333] {{ classIncludeInput() }}\"\n            [dataType]=\"'int'\"\n            [defaultHeight]=\"defaultHeight()\"\n            [disable]=\"disable()\"\n            [readonly]=\"readonly()\"\n            [placeholder]=\"'mm'\"\n            [autoAddZeroLessThan10InTypeInt]=\"true\"\n            [emitEmptyInDataTypeNumber]=\"true\"\n            [maxValueNumber]=\"59\"\n            [focusTimeOut]=\"0\"\n            [value]=\"toMinutes() || ''\"\n            [maxLength]=\"2\"\n            (outInputEvent)=\"eventInput($event, 'toMinutes')\"\n            (outFunctionsControl)=\"handlerFocus($event, 'toMinutes')\"\n            (outFocusAndBlurEvent)=\"handlerFocusAndBlurMinutes($event, 'toMinutes')\"\n            (outChange)=\"handlerValueMinutesChange($event, 'toMinutes')\" />\n        </div>\n      </div>\n    }\n    @if (resetInput() && (hours() || minutes()) && !disable() && !readonly()) {\n      <div\n        class=\"h-full items-center flex ml-[2px] cursor-pointer absolute right-[10px] top-0\"\n        (click)=\"handlerClickClear()\">\n        <i class=\"libs-ui-icon-close-circle-solid !before:text-[8px] text-[#cdd0d6]\"></i>\n      </div>\n    }\n  </div>\n</div>\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && (isErrorMultiRequired() || isErrorRequired()) && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      [class]=\"'libs-ui-message-error libs-ui-font-h7r libs-ui-text-error'\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n@if (!ignoreShowValid() && isErrorMultiValidCompareTime() && !disable() && !readonly()) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = validCompareTime()?.message || 'i18n_invalid_end_date_selected';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: validCompareTime()?.interpolateParams\"></span>\n  </div>\n}\n\n@if (!ignoreShowValid() && !isErrorMultiValidCompareTime() && !isErrorMultiRequired() && !isErrorRequired() && !disable() && !readonly() && otherError()?.message) {\n  <div class=\"flex items-center mt-[8px] bottom-0\">\n    @let constHtmlMessage = otherError()?.message || ' ';\n    <span\n      class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\"\n      [innerHtml]=\"constHtmlMessage | translate: otherError()?.interpolateParams\"></span>\n  </div>\n}\n", styles: [".libs-ui-date-time-input{display:flex;align-items:center;height:32px;border-radius:4px;background-color:#fff}:host ::ng-deep ::-webkit-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep ::-moz-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-ms-input-placeholder{color:#9ca2ad!important;text-indent:0}:host ::ng-deep :-moz-placeholder{color:#9ca2ad!important;text-indent:0}\n"] }]
         }], ctorParameters: () => [] });

package/package.json CHANGED Viewed

@@ -1,15 +1,15 @@
 {
   "name": "@libs-ui/components-datetime-input",
-  "version": "0.2.321-0",
+  "version": "0.2.322-0",
   "peerDependencies": {
     "@angular/core": ">=18.0.0",
-    "@libs-ui/components-buttons-button": "0.2.321-0",
-    "@libs-ui/components-inputs-input": "0.2.321-0",
-    "@libs-ui/components-inputs-valid": "0.2.321-0",
-    "@libs-ui/components-label": "0.2.321-0",
-    "@libs-ui/components-switch": "0.2.321-0",
-    "@libs-ui/interfaces-types": "0.2.321-0",
-    "@libs-ui/utils": "0.2.321-0",
+    "@libs-ui/components-buttons-button": "0.2.322-0",
+    "@libs-ui/components-inputs-input": "0.2.322-0",
+    "@libs-ui/components-inputs-valid": "0.2.322-0",
+    "@libs-ui/components-label": "0.2.322-0",
+    "@libs-ui/components-switch": "0.2.322-0",
+    "@libs-ui/interfaces-types": "0.2.322-0",
+    "@libs-ui/utils": "0.2.322-0",
     "@ngx-translate/core": "^15.0.0",
     "rxjs": "~7.8.0"
   },