@progress-chef/platform-shared-components 0.0.16 → 0.0.18

package/fesm2022/progress-chef-platform-shared-components.mjs

@@ -1201,11 +1201,11 @@ class RadioButtonComponent {
         this.modelChange.emit(ev);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonComponent, selector: "lib-radio-button", inputs: { size: "size", name: "name", value: "value", control: "control", label: "label", labelPosition: "labelPosition", id: "id", model: "model" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<span *ngIf=\"label.length > 0 && labelPosition === 'before'\">\n  <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n    <lib-typography\n      [defaultText]=\"label\"\n      type=\"P_MULISH_14_REGULAR\">\n    </lib-typography>\n  </label>\n  &nbsp;\n</span>\n<input \n  type=\"radio\"\n  [size]=\"size\"\n  [name]=\"name\"\n  [value]=\"value\"\n  [formControl]=\"control\"\n  [ngModel]=\"model\"\n  (ngModelChange)=\"emitModelChange($event)\"\n  [id]=\"id\"\n  kendoRadioButton/>\n<span *ngIf=\"label.length > 0 && labelPosition === 'after'\">\n  &nbsp;\n  <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n    <lib-typography\n      [defaultText]=\"label\"\n      type=\"P_MULISH_14_REGULAR\">\n    </lib-typography>\n  </label>\n</span>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonComponent, selector: "lib-radio-button", inputs: { size: "size", name: "name", value: "value", control: "control", label: "label", labelPosition: "labelPosition", id: "id", model: "model" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<span *ngIf=\"label.length > 0 && labelPosition === 'before'\">\n  <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n    <lib-typography\n      [defaultText]=\"label\"\n      type=\"P_MULISH_14_REGULAR\">\n    </lib-typography>\n  </label>\n  &nbsp;\n</span>\n<input \n  type=\"radio\"\n  [size]=\"size\"\n  [name]=\"name\"\n  [value]=\"value\"\n  [formControl]=\"control\"\n  [ngModel]=\"model\"\n  (ngModelChange)=\"emitModelChange($event)\"\n  [id]=\"id\"\n  kendoRadioButton/>\n<span *ngIf=\"label.length > 0 && labelPosition === 'after'\">\n  <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n    <lib-typography\n      [defaultText]=\"label\"\n      type=\"P_MULISH_14_REGULAR\">\n    </lib-typography>\n  </label>\n</span>\n", styles: ["input{margin-right:1rem}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-radio-button', template: "<span *ngIf=\"label.length > 0 && labelPosition === 'before'\">\n  <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n    <lib-typography\n      [defaultText]=\"label\"\n      type=\"P_MULISH_14_REGULAR\">\n    </lib-typography>\n  </label>\n  &nbsp;\n</span>\n<input \n  type=\"radio\"\n  [size]=\"size\"\n  [name]=\"name\"\n  [value]=\"value\"\n  [formControl]=\"control\"\n  [ngModel]=\"model\"\n  (ngModelChange)=\"emitModelChange($event)\"\n  [id]=\"id\"\n  kendoRadioButton/>\n<span *ngIf=\"label.length > 0 && labelPosition === 'after'\">\n  &nbsp;\n  <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n    <lib-typography\n      [defaultText]=\"label\"\n      type=\"P_MULISH_14_REGULAR\">\n    </lib-typography>\n  </label>\n</span>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
+            args: [{ selector: 'lib-radio-button', template: "<span *ngIf=\"label.length > 0 && labelPosition === 'before'\">\n  <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n    <lib-typography\n      [defaultText]=\"label\"\n      type=\"P_MULISH_14_REGULAR\">\n    </lib-typography>\n  </label>\n  &nbsp;\n</span>\n<input \n  type=\"radio\"\n  [size]=\"size\"\n  [name]=\"name\"\n  [value]=\"value\"\n  [formControl]=\"control\"\n  [ngModel]=\"model\"\n  (ngModelChange)=\"emitModelChange($event)\"\n  [id]=\"id\"\n  kendoRadioButton/>\n<span *ngIf=\"label.length > 0 && labelPosition === 'after'\">\n  <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n    <lib-typography\n      [defaultText]=\"label\"\n      type=\"P_MULISH_14_REGULAR\">\n    </lib-typography>\n  </label>\n</span>\n", styles: ["input{margin-right:1rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { size: [{
                 type: Input
             }], name: [{
@@ -1571,11 +1571,11 @@ class TextboxComponent {
         this.blurEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextboxComponent, selector: "lib-textbox", inputs: { showEyeIcon: "showEyeIcon", clearButton: "clearButton", placeholder: "placeholder", width: "width", isDisabled: "isDisabled", readonly: "readonly", size: "size", rounded: "rounded", fillMode: "fillMode", control: "control", value: "value", type: "type" }, outputs: { inputChange: "inputChange", focusEvent: "focusEvent", blurEvent: "blurEvent" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n  [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n  [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n  <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n    <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n    <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n  </ng-template>\n</kendo-textbox>\n", styles: ["kendo-textbox lib-icon{padding-right:12px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3$1.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "fontSize", "type"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextboxComponent, selector: "lib-textbox", inputs: { showEyeIcon: "showEyeIcon", clearButton: "clearButton", placeholder: "placeholder", width: "width", isDisabled: "isDisabled", readonly: "readonly", size: "size", rounded: "rounded", fillMode: "fillMode", control: "control", value: "value", type: "type" }, outputs: { inputChange: "inputChange", focusEvent: "focusEvent", blurEvent: "blurEvent" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n  [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n  [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n  <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n    <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n    <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n  </ng-template>\n</kendo-textbox>\n", styles: ["kendo-textbox lib-icon{padding-right:7px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3$1.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "fontSize", "type"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-textbox', template: "<kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n  [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n  [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n  <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n    <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n    <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n  </ng-template>\n</kendo-textbox>\n", styles: ["kendo-textbox lib-icon{padding-right:12px;cursor:pointer}\n"] }]
+            args: [{ selector: 'lib-textbox', template: "<kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n  [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n  [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n  <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n    <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n    <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n  </ng-template>\n</kendo-textbox>\n", styles: ["kendo-textbox lib-icon{padding-right:7px;cursor:pointer}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { textbox: [{
                 type: ViewChild,
                 args: ['textbox', { static: false }]
@@ -2291,6 +2291,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class DatepickerComponent {
+    constructor(themesService) {
+        this.themesService = themesService;
+        this.calendarType = "infinite"; //"infinite" | "classic"
+        this.isDisabled = true;
+        this.readOnlyInput = true;
+        this.min = new Date(0); // Minimum possible date
+        this.max = new Date(8640000000000000); // Maximum possible date
+        this.format = "dd-MMM-yyyy"; //short" | "medium" | "long" | "full"
+        this.placeholder = "Choose a date ...";
+        this.incompleteDateValidation = true;
+        this.fillMode = "solid";
+        this.rounded = "medium";
+        this.size = "medium";
+        this.modelChange = new EventEmitter();
+        this.control = new FormControl();
+        this.navigation = false;
+        // @Input() isDisabled: boolean = false;
+        // @Input() readOnly: boolean = true;
+        this.onOpenEvent = new EventEmitter();
+        this.onCloseEvent = new EventEmitter();
+    }
+    ngOnChanges(changes) {
+        if (changes['isDisabled']) {
+            if (changes['isDisabled']?.currentValue) {
+                this.control.disable();
+            }
+            else {
+                this.control.enable();
+            }
+        }
+    }
+    onValueChange(ev) {
+        this.modelChange.emit(ev);
+    }
+    onOpen(event) {
+        this.onOpenEvent.emit(event);
+    }
+    onClose(event) {
+        this.onCloseEvent.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DatepickerComponent, selector: "lib-datepicker", inputs: { calendarType: "calendarType", isDisabled: "isDisabled", readOnlyInput: "readOnlyInput", disabledDates: "disabledDates", min: "min", max: "max", format: "format", placeholder: "placeholder", incompleteDateValidation: "incompleteDateValidation", fillMode: "fillMode", rounded: "rounded", size: "size", control: "control", value: "value", navigation: "navigation" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datepicker [calendarType]=\"calendarType\"  [readOnlyInput]=\"readOnlyInput\"\n  [disabledDates]=\"disabledDates\" [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\" \n  (open)=\"onOpen($event)\"  (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>", styles: [""], dependencies: [{ kind: "component", type: i2$4.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-datepicker', template: "<kendo-datepicker [calendarType]=\"calendarType\"  [readOnlyInput]=\"readOnlyInput\"\n  [disabledDates]=\"disabledDates\" [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\" \n  (open)=\"onOpen($event)\"  (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>" }]
+        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { calendarType: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], readOnlyInput: [{
+                type: Input
+            }], disabledDates: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], incompleteDateValidation: [{
+                type: Input
+            }], fillMode: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], modelChange: [{
+                type: Output
+            }], control: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], navigation: [{
+                type: Input
+            }], onOpenEvent: [{
+                type: Output
+            }], onCloseEvent: [{
+                type: Output
+            }] } });
+
+class DatepickerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DatepickerModule, declarations: [DatepickerComponent], imports: [DateInputsModule,
+            ButtonsModule,
+            FormsModule,
+            ReactiveFormsModule], exports: [DatepickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerModule, imports: [DateInputsModule,
+            ButtonsModule,
+            FormsModule,
+            ReactiveFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DatepickerComponent,
+                    ],
+                    imports: [
+                        DateInputsModule,
+                        ButtonsModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                    ],
+                    exports: [
+                        DatepickerComponent
+                    ]
+                }]
+        }] });
+
 class AtomsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [AlertModule,
@@ -2325,7 +2439,8 @@ class AtomsModule {
             ToastNotificationModule,
             TooltipModule,
             TypographyModule,
-            ClipboardModule], exports: [AlertModule,
+            ClipboardModule,
+            DatepickerModule], exports: [AlertModule,
             AngularPopupModule,
             AvatarModule,
             BreadcrumbModule,
@@ -2354,7 +2469,8 @@ class AtomsModule {
             ToastNotificationModule,
             TooltipModule,
             TypographyModule,
-            ClipboardModule] }); }
+            ClipboardModule,
+            DatepickerModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [AlertModule,
             AngularPopupModule,
             AvatarModule,
@@ -2387,7 +2503,8 @@ class AtomsModule {
             ToastNotificationModule,
             TooltipModule,
             TypographyModule,
-            ClipboardModule, AlertModule,
+            ClipboardModule,
+            DatepickerModule, AlertModule,
             AngularPopupModule,
             AvatarModule,
             BreadcrumbModule,
@@ -2416,7 +2533,8 @@ class AtomsModule {
             ToastNotificationModule,
             TooltipModule,
             TypographyModule,
-            ClipboardModule] }); }
+            ClipboardModule,
+            DatepickerModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, decorators: [{
             type: NgModule,
@@ -2454,7 +2572,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         ToastNotificationModule,
                         TooltipModule,
                         TypographyModule,
-                        ClipboardModule
+                        ClipboardModule,
+                        DatepickerModule
                     ],
                     exports: [
                         AlertModule,
@@ -2486,7 +2605,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         ToastNotificationModule,
                         TooltipModule,
                         TypographyModule,
-                        ClipboardModule
+                        ClipboardModule,
+                        DatepickerModule
                     ],
                 }]
         }] });
@@ -3898,5 +4018,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ClipboardComponent, ClipboardModule, ContainerComponent, ContainerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StyleTokensModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaComponent, TextAreaModule, TextboxComponent, TextboxModule, TimeSchedulerModule, TimeschedulerComponent, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule };
+export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ClipboardComponent, ClipboardModule, ContainerComponent, ContainerModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StyleTokensModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaComponent, TextAreaModule, TextboxComponent, TextboxModule, TimeSchedulerModule, TimeschedulerComponent, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule };
 //# sourceMappingURL=progress-chef-platform-shared-components.mjs.map