bit-ng-library 19.0.13 → 19.0.14

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.
package/README.md CHANGED
@@ -26,6 +26,10 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
26
26
 
27
27
  ## changelog
28
28
 
29
+ ## [19.0.14] - 2025-07-02
30
+
31
+ Se refactoriza p-calendar por p-datepicker al haberse eliminado de prime v19
32
+
29
33
  ## [19.0.13] - 2025-06-25
30
34
 
31
35
  Se resuelve un problema con el footer que no permitía tener un footer para listados con el número total de elementos recuperados pero sin paginación.
@@ -17,8 +17,8 @@ import * as i3 from '@angular/common';
17
17
  import { CommonModule } from '@angular/common';
18
18
  import * as i1$1 from '@angular/router';
19
19
  import { RouterModule } from '@angular/router';
20
- import * as i3$6 from 'primeng/calendar';
21
- import { CalendarModule } from 'primeng/calendar';
20
+ import * as i3$6 from 'primeng/datepicker';
21
+ import { DatePickerModule } from 'primeng/datepicker';
22
22
  import * as i2$2 from 'primeng/inputtext';
23
23
  import { InputTextModule } from 'primeng/inputtext';
24
24
  import * as i2$5 from 'primeng/editor';
@@ -3987,9 +3987,14 @@ class BitCalendarComponent extends BitCustomComponent {
3987
3987
  constructor(translateService) {
3988
3988
  super();
3989
3989
  this.translateService = translateService;
3990
- this.showButtonBar = false;
3991
- this.appendTo = "body";
3992
- this.onSelect = new EventEmitter();
3990
+ // calendarios
3991
+ this.fechaMinima = input(undefined); // fecha mínima seleccionable
3992
+ this.fechaMaxima = input(undefined); // fecha máxima seleccionable
3993
+ this.calendarReadOnlyInput = input(false); // desabilitar edicion por teclado
3994
+ this.showButtonBar = input(false);
3995
+ this.format = input();
3996
+ this.appendTo = input("body");
3997
+ this.onSelect = output();
3993
3998
  this.dateUtils = inject(DateUtils);
3994
3999
  }
3995
4000
  _onTodayClick(event) {
@@ -4050,25 +4055,11 @@ class BitCalendarComponent extends BitCustomComponent {
4050
4055
  return moment(value, this.visual_format, true).isValid();
4051
4056
  }
4052
4057
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitCalendarComponent, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
4053
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: BitCalendarComponent, isStandalone: true, inputs: { fechaMinima: "fechaMinima", fechaMaxima: "fechaMaxima", calendarReadOnlyInput: "calendarReadOnlyInput", showButtonBar: "showButtonBar", format: "format", appendTo: "appendTo" }, outputs: { onSelect: "onSelect" }, usesInheritance: true, ngImport: i0 }); }
4058
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.6", type: BitCalendarComponent, isStandalone: true, inputs: { fechaMinima: { classPropertyName: "fechaMinima", publicName: "fechaMinima", isSignal: true, isRequired: false, transformFunction: null }, fechaMaxima: { classPropertyName: "fechaMaxima", publicName: "fechaMaxima", isSignal: true, isRequired: false, transformFunction: null }, calendarReadOnlyInput: { classPropertyName: "calendarReadOnlyInput", publicName: "calendarReadOnlyInput", isSignal: true, isRequired: false, transformFunction: null }, showButtonBar: { classPropertyName: "showButtonBar", publicName: "showButtonBar", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelect: "onSelect" }, usesInheritance: true, ngImport: i0 }); }
4054
4059
  }
4055
4060
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitCalendarComponent, decorators: [{
4056
4061
  type: Directive
4057
- }], ctorParameters: () => [{ type: TranslateService }], propDecorators: { fechaMinima: [{
4058
- type: Input
4059
- }], fechaMaxima: [{
4060
- type: Input
4061
- }], calendarReadOnlyInput: [{
4062
- type: Input
4063
- }], showButtonBar: [{
4064
- type: Input
4065
- }], format: [{
4066
- type: Input
4067
- }], appendTo: [{
4068
- type: Input
4069
- }], onSelect: [{
4070
- type: Output
4071
- }] } });
4062
+ }], ctorParameters: () => [{ type: TranslateService }] });
4072
4063
 
4073
4064
  class BitDateComponent extends BitCalendarComponent {
4074
4065
  constructor(translateService, dateUtils) {
@@ -4099,14 +4090,14 @@ class BitDateComponent extends BitCalendarComponent {
4099
4090
  return value;
4100
4091
  }
4101
4092
  getDateFormat() {
4102
- return this.format ? this.format : DateUtils.FORMAT_SHORT_DATE;
4093
+ return this.format() ? this.format() : DateUtils.FORMAT_SHORT_DATE;
4103
4094
  }
4104
4095
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitDateComponent, deps: [{ token: TranslateService }, { token: DateUtils }], target: i0.ɵɵFactoryTarget.Component }); }
4105
4096
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: BitDateComponent, isStandalone: false, selector: "bit-date", providers: [{
4106
4097
  provide: NG_VALUE_ACCESSOR,
4107
4098
  useExisting: forwardRef(() => BitDateComponent),
4108
4099
  multi: true
4109
- }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [readonlyInput]=\"calendarReadOnlyInput\"\n [minDate]=\"fechaMinima\"\n [maxDate]=\"fechaMaxima\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [firstDayOfWeek]=\"1\"\n [locale]=\"locale\"\n [showButtonBar]=\"showButtonBar\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$6.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
4100
+ }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy\" }}</p>\n}\n@if (!readOnly) {\n <p-datepicker\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [readonlyInput]=\"calendarReadOnlyInput()\"\n [minDate]=\"fechaMinima()\"\n [maxDate]=\"fechaMaxima()\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [firstDayOfWeek]=\"1\"\n [locale]=\"locale\"\n [showButtonBar]=\"showButtonBar()\"\n [appendTo]=\"appendTo()\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-datepicker>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$6.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
4110
4101
  }
4111
4102
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitDateComponent, decorators: [{
4112
4103
  type: Component,
@@ -4114,7 +4105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
4114
4105
  provide: NG_VALUE_ACCESSOR,
4115
4106
  useExisting: forwardRef(() => BitDateComponent),
4116
4107
  multi: true
4117
- }], standalone: false, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [readonlyInput]=\"calendarReadOnlyInput\"\n [minDate]=\"fechaMinima\"\n [maxDate]=\"fechaMaxima\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [firstDayOfWeek]=\"1\"\n [locale]=\"locale\"\n [showButtonBar]=\"showButtonBar\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n" }]
4108
+ }], standalone: false, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy\" }}</p>\n}\n@if (!readOnly) {\n <p-datepicker\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [readonlyInput]=\"calendarReadOnlyInput()\"\n [minDate]=\"fechaMinima()\"\n [maxDate]=\"fechaMaxima()\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [firstDayOfWeek]=\"1\"\n [locale]=\"locale\"\n [showButtonBar]=\"showButtonBar()\"\n [appendTo]=\"appendTo()\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-datepicker>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n" }]
4118
4109
  }], ctorParameters: () => [{ type: TranslateService }, { type: DateUtils }] });
4119
4110
 
4120
4111
  class BitTimeComponent extends BitCalendarComponent {
@@ -4146,14 +4137,14 @@ class BitTimeComponent extends BitCalendarComponent {
4146
4137
  return value;
4147
4138
  }
4148
4139
  getDateFormat() {
4149
- return this.format ? this.format : DateUtils.FORMAT_SHORT_TIME;
4140
+ return this.format() ? this.format() : DateUtils.FORMAT_SHORT_TIME;
4150
4141
  }
4151
4142
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitTimeComponent, deps: [{ token: TranslateService }, { token: DateUtils }], target: i0.ɵɵFactoryTarget.Component }); }
4152
4143
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: BitTimeComponent, isStandalone: false, selector: "bit-time", providers: [{
4153
4144
  provide: NG_VALUE_ACCESSOR,
4154
4145
  useExisting: forwardRef(() => BitTimeComponent),
4155
4146
  multi: true
4156
- }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n timeFormat=\"HH:mm\"\n [timeOnly]=\"true\"\n placeholder=\"{{ placeholder }}\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar\"\n (onTodayClick)=\"_onTodayClick($event)\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$6.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
4147
+ }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-datepicker\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n timeFormat=\"HH:mm\"\n [timeOnly]=\"true\"\n placeholder=\"{{ placeholder }}\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar()\"\n (onTodayClick)=\"_onTodayClick($event)\"\n [appendTo]=\"appendTo()\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-datepicker>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$6.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
4157
4148
  }
4158
4149
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitTimeComponent, decorators: [{
4159
4150
  type: Component,
@@ -4161,7 +4152,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
4161
4152
  provide: NG_VALUE_ACCESSOR,
4162
4153
  useExisting: forwardRef(() => BitTimeComponent),
4163
4154
  multi: true
4164
- }], standalone: false, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n timeFormat=\"HH:mm\"\n [timeOnly]=\"true\"\n placeholder=\"{{ placeholder }}\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar\"\n (onTodayClick)=\"_onTodayClick($event)\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n" }]
4155
+ }], standalone: false, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-datepicker\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n timeFormat=\"HH:mm\"\n [timeOnly]=\"true\"\n placeholder=\"{{ placeholder }}\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar()\"\n (onTodayClick)=\"_onTodayClick($event)\"\n [appendTo]=\"appendTo()\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-datepicker>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n" }]
4165
4156
  }], ctorParameters: () => [{ type: TranslateService }, { type: DateUtils }] });
4166
4157
 
4167
4158
  class BitDateTimeComponent extends BitCalendarComponent {
@@ -4193,14 +4184,14 @@ class BitDateTimeComponent extends BitCalendarComponent {
4193
4184
  return value;
4194
4185
  }
4195
4186
  getDateFormat() {
4196
- return this.format ? this.format : DateUtils.FORMAT_LONG_DATE;
4187
+ return this.format() ? this.format() : DateUtils.FORMAT_LONG_DATE;
4197
4188
  }
4198
4189
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitDateTimeComponent, deps: [{ token: TranslateService }, { token: DateUtils }], target: i0.ɵɵFactoryTarget.Component }); }
4199
4190
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: BitDateTimeComponent, isStandalone: false, selector: "bit-datetime", providers: [{
4200
4191
  provide: NG_VALUE_ACCESSOR,
4201
4192
  useExisting: forwardRef(() => BitDateTimeComponent),
4202
4193
  multi: true
4203
- }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [minDate]=\"fechaMinima\"\n [maxDate]=\"fechaMaxima\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [locale]=\"locale\"\n [showTime]=\"true\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$6.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
4194
+ }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-datepicker\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [minDate]=\"fechaMinima()\"\n [maxDate]=\"fechaMaxima()\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [locale]=\"locale\"\n [showTime]=\"true\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar()\"\n [appendTo]=\"appendTo()\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-datepicker>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$6.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
4204
4195
  }
4205
4196
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitDateTimeComponent, decorators: [{
4206
4197
  type: Component,
@@ -4208,7 +4199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
4208
4199
  provide: NG_VALUE_ACCESSOR,
4209
4200
  useExisting: forwardRef(() => BitDateTimeComponent),
4210
4201
  multi: true
4211
- }], standalone: false, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [minDate]=\"fechaMinima\"\n [maxDate]=\"fechaMaxima\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [locale]=\"locale\"\n [showTime]=\"true\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n" }]
4202
+ }], standalone: false, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content>&nbsp;@if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n }&nbsp;&nbsp;\n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-datepicker\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [minDate]=\"fechaMinima()\"\n [maxDate]=\"fechaMaxima()\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [locale]=\"locale\"\n [showTime]=\"true\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar()\"\n [appendTo]=\"appendTo()\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-datepicker>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n" }]
4212
4203
  }], ctorParameters: () => [{ type: TranslateService }, { type: DateUtils }] });
4213
4204
 
4214
4205
  class BitCheckBoxComponent extends BitCustomComponent {
@@ -5677,7 +5668,7 @@ const modules = [
5677
5668
  AccordionModule,
5678
5669
  AutoCompleteModule,
5679
5670
  BadgeModule,
5680
- CalendarModule,
5671
+ DatePickerModule,
5681
5672
  CheckboxModule,
5682
5673
  ChipModule,
5683
5674
  CommonModule,
@@ -5803,7 +5794,7 @@ class SharedLibraryModule {
5803
5794
  BitAmountComponent, BytesPipe, CapitalizePipe, CutTextPipe, DomainValuePipe, DomainListValuePipe, ListValuePipe, OtherToolbarActionPipe, CantidadMonedaPipe, RemoveLineBreaksPipe, SiONoPipe, StringifyPipe], imports: [AccordionModule,
5804
5795
  AutoCompleteModule,
5805
5796
  BadgeModule,
5806
- CalendarModule,
5797
+ DatePickerModule,
5807
5798
  CheckboxModule,
5808
5799
  ChipModule,
5809
5800
  CommonModule,
@@ -5847,7 +5838,7 @@ class SharedLibraryModule {
5847
5838
  OverlayPanelModule, RouterModule, FileUploadModule$1, TranslocoModule], exports: [AccordionModule,
5848
5839
  AutoCompleteModule,
5849
5840
  BadgeModule,
5850
- CalendarModule,
5841
+ DatePickerModule,
5851
5842
  CheckboxModule,
5852
5843
  ChipModule,
5853
5844
  CommonModule,
@@ -5928,7 +5919,7 @@ class SharedLibraryModule {
5928
5919
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SharedLibraryModule, providers: [{ provide: TRANSLOCO_SCOPE, useValue: "bitnglibrary" }, MessageService], imports: [modules, RouterModule, FileUploadModule$1, TranslocoModule, AccordionModule,
5929
5920
  AutoCompleteModule,
5930
5921
  BadgeModule,
5931
- CalendarModule,
5922
+ DatePickerModule,
5932
5923
  CheckboxModule,
5933
5924
  ChipModule,
5934
5925
  CommonModule,