@dsivd/prestations-ng 19.0.0-beta.7 → 19.0.0-beta.8

package/UPGRADING_V19.md

@@ -153,6 +153,13 @@ Run your application with this dependency :
 
 Look for logs that indicate property you should migrate (watch for WARN logs of class PropertiesMigrationListener), update them and remove the dependency
 
+### BO using jpa repositories
+
+As we also have jdbc in the classpath, to avoid having dozens of log like "Spring Data JDBC - Could not safely 
+identify store assignment for repository candidate interface", add the property in your application.properties :
+
+spring.data.jdbc.repositories.enabled=false
+
 ### Debugging tips
 
 Spring boot 4 doesn't support calling a controller with a trailing slash, fix the url called (/api/ping != /api/ping**/**)

package/fesm2022/dsivd-prestations-ng.mjs

@@ -7150,7 +7150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             args: [{ selector: 'sdk-support-alert-container', imports: [SupportAlertComponent, AsyncPipe], template: "@if (hasAlerts | async) {\n    <section class=\"d-flex flex-column container mt-2\">\n        <h2 class=\"visually-hidden\">Messages de support</h2>\n        @if (hasHiddenAlerts | async) {\n            <div class=\"mb-2 mt-2\">\n                <button\n                    type=\"button\"\n                    class=\"btn btn-link pe-0 ps-0\"\n                    (click)=\"restoreAllAlerts()\"\n                >\n                    Afficher tous les messages\n                </button>\n            </div>\n        }\n        @for (alert of alertsToDisplay | async; track alert) {\n            <sdk-support-alert [alert]=\"alert\" />\n        }\n    </section>\n}\n" }]
         }], propDecorators: { supportAlertUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "supportAlertUrl", required: false }] }], etapeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "etapeId", required: false }] }] } });
 
-const supportedBrowsers = /Edge?\/(14[7-9]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(14\d|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(109|1[1-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(26\.([3-9]|\d{2,})|(2[7-9]|[3-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(18[._]([5-9]|\d{2,})|(19|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Opera Mini|Android:?[ /-](149|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15[1-9]|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(149|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(29|[3-9]\d|\d{3,})\.\d+|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(2\.([5-9]|\d{2,})|([3-9]|\d{2,})\.\d+)(\.\d+|)/;
+const supportedBrowsers = /Edge?\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(14\d|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(109|1[1-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(26\.([3-9]|\d{2,})|(2[7-9]|[3-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(18[._]([5-9]|\d{2,})|(19|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Opera Mini|Android:?[ /-](149|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15[2-9]|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(149|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(29|[3-9]\d|\d{3,})\.\d+|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(2\.([5-9]|\d{2,})|([3-9]|\d{2,})\.\d+)(\.\d+|)/;
 
 class FoehnAppVersionMisMatchModalComponent {
     constructor() {
@@ -11064,7 +11064,7 @@ class FoehnDateComponent extends FoehnInputComponent {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnDateComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div class=\"vd-form-flex\">\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_day'\"\n                    [name]=\"name() + '_day'\"\n                    [label]=\"'foehn-input-date.day.label' | fromDictionary\"\n                    [(model)]=\"day\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableDay()\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"31\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    #entryComponent\n                />\n            </div>\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_month'\"\n                    [name]=\"name() + '_month'\"\n                    [label]=\"'foehn-input-date.month.label' | fromDictionary\"\n                    [(model)]=\"month\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableMonth()\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"12\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                />\n            </div>\n            <div\n                class=\"vd-form-flex__item vd-form-flex__item--4-char-width\"\n                [class.me-0]=\"shouldDisplayDatePicker()\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_year'\"\n                    [name]=\"name() + '_year'\"\n                    [label]=\"'foehn-input-date.year.label' | fromDictionary\"\n                    [(model)]=\"year\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableYear()\"\n                    [allowNegative]=\"false\"\n                    [maxlength]=\"4\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                />\n            </div>\n            <div class=\"d-inline-flex\">\n                @if (shouldDisplayDatePicker()) {\n                    <foehn-date-picker-button\n                        [name]=\"buildId() + '_datePickerButton'\"\n                        [(model)]=\"datePickerModel\"\n                        (modelChange)=\"updateDateFromDatePicker($event)\"\n                        (userInput)=\"handleDatePickerUserInput($event)\"\n                        [displaySelectedDate]=\"false\"\n                        [minDate]=\"minDate()\"\n                        [maxDate]=\"maxDate()\"\n                        class=\"align-self-center\"\n                    />\n                }\n\n                @if (!isEmptyDependingOnDisabled() && displayClearButton()) {\n                    <div class=\"align-self-center position-relative\">\n                        <button\n                            [id]=\"buildId() + '_clearButton'\"\n                            type=\"button\"\n                            class=\"clear-button btn btn-link d-flex\"\n                            (click)=\"resetModel()\"\n                        >\n                            <foehn-icon-times\n                                [title]=\"\n                                    'foehn-input.clear-button.label'\n                                        | fromDictionary\n                                \"\n                            />\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-number div.form-group{margin-bottom:0!important}\n"], dependencies: [{ kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "allowLeadingZero", "maxlength"] }, { kind: "component", type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["model", "id", "displaySelectedDate", "name", "minYear", "maxYear", "minDate", "maxDate", "selectedDateSrOnlyLabelKey"], outputs: ["modelChange", "userInput"] }, { kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div class=\"vd-form-flex\">\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_day'\"\n                    [name]=\"name() + '_day'\"\n                    [label]=\"'foehn-input-date.day.label' | fromDictionary\"\n                    [(model)]=\"day\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableDay()\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"31\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    #entryComponent\n                />\n            </div>\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_month'\"\n                    [name]=\"name() + '_month'\"\n                    [label]=\"'foehn-input-date.month.label' | fromDictionary\"\n                    [(model)]=\"month\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableMonth()\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"12\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                />\n            </div>\n            <div\n                class=\"vd-form-flex__item vd-form-flex__item--4-char-width\"\n                [class.me-0]=\"shouldDisplayDatePicker()\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_year'\"\n                    [name]=\"name() + '_year'\"\n                    [label]=\"'foehn-input-date.year.label' | fromDictionary\"\n                    [(model)]=\"year\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableYear()\"\n                    [allowNegative]=\"false\"\n                    [maxlength]=\"4\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                />\n            </div>\n            <div class=\"d-inline-flex\">\n                @if (shouldDisplayDatePicker()) {\n                    <foehn-date-picker-button\n                        [name]=\"buildId() + '_datePickerButton'\"\n                        [(model)]=\"datePickerModel\"\n                        (modelChange)=\"updateDateFromDatePicker($event)\"\n                        (userInput)=\"handleDatePickerUserInput($event)\"\n                        [displaySelectedDate]=\"false\"\n                        [minDate]=\"minDate()\"\n                        [maxDate]=\"maxDate()\"\n                        class=\"align-self-center\"\n                    />\n                }\n\n                @if (!isEmptyDependingOnDisabled() && displayClearButton()) {\n                    <div class=\"align-self-center position-relative\">\n                        <button\n                            [id]=\"buildId() + '_clearButton'\"\n                            type=\"button\"\n                            class=\"clear-button btn btn-link p-0\"\n                            (click)=\"resetModel()\"\n                        >\n                            <foehn-icon-times\n                                [title]=\"\n                                    'foehn-input.clear-button.label'\n                                        | fromDictionary\n                                \"\n                            />\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-number div.form-group{margin-bottom:0!important}.vd-form-flex{max-width:335px}\n"], dependencies: [{ kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "allowLeadingZero", "maxlength"] }, { kind: "component", type: FoehnDatePickerButtonComponent, selector: "foehn-date-picker-button", inputs: ["model", "id", "displaySelectedDate", "name", "minYear", "maxYear", "minDate", "maxDate", "selectedDateSrOnlyLabelKey"], outputs: ["modelChange", "userInput"] }, { kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FoehnDateComponent, decorators: [{
             type: Component,
@@ -11079,7 +11079,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         FoehnDatePickerButtonComponent,
                         FoehnIconTimesComponent,
                         SdkDictionaryPipe,
-                    ], template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div class=\"vd-form-flex\">\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_day'\"\n                    [name]=\"name() + '_day'\"\n                    [label]=\"'foehn-input-date.day.label' | fromDictionary\"\n                    [(model)]=\"day\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableDay()\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"31\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    #entryComponent\n                />\n            </div>\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_month'\"\n                    [name]=\"name() + '_month'\"\n                    [label]=\"'foehn-input-date.month.label' | fromDictionary\"\n                    [(model)]=\"month\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableMonth()\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"12\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                />\n            </div>\n            <div\n                class=\"vd-form-flex__item vd-form-flex__item--4-char-width\"\n                [class.me-0]=\"shouldDisplayDatePicker()\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_year'\"\n                    [name]=\"name() + '_year'\"\n                    [label]=\"'foehn-input-date.year.label' | fromDictionary\"\n                    [(model)]=\"year\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableYear()\"\n                    [allowNegative]=\"false\"\n                    [maxlength]=\"4\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                />\n            </div>\n            <div class=\"d-inline-flex\">\n                @if (shouldDisplayDatePicker()) {\n                    <foehn-date-picker-button\n                        [name]=\"buildId() + '_datePickerButton'\"\n                        [(model)]=\"datePickerModel\"\n                        (modelChange)=\"updateDateFromDatePicker($event)\"\n                        (userInput)=\"handleDatePickerUserInput($event)\"\n                        [displaySelectedDate]=\"false\"\n                        [minDate]=\"minDate()\"\n                        [maxDate]=\"maxDate()\"\n                        class=\"align-self-center\"\n                    />\n                }\n\n                @if (!isEmptyDependingOnDisabled() && displayClearButton()) {\n                    <div class=\"align-self-center position-relative\">\n                        <button\n                            [id]=\"buildId() + '_clearButton'\"\n                            type=\"button\"\n                            class=\"clear-button btn btn-link d-flex\"\n                            (click)=\"resetModel()\"\n                        >\n                            <foehn-icon-times\n                                [title]=\"\n                                    'foehn-input.clear-button.label'\n                                        | fromDictionary\n                                \"\n                            />\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-number div.form-group{margin-bottom:0!important}\n"] }]
+                    ], template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div class=\"vd-form-flex\">\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_day'\"\n                    [name]=\"name() + '_day'\"\n                    [label]=\"'foehn-input-date.day.label' | fromDictionary\"\n                    [(model)]=\"day\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableDay()\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"31\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    #entryComponent\n                />\n            </div>\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_month'\"\n                    [name]=\"name() + '_month'\"\n                    [label]=\"'foehn-input-date.month.label' | fromDictionary\"\n                    [(model)]=\"month\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableMonth()\"\n                    [maxlength]=\"2\"\n                    [allowNegative]=\"false\"\n                    [max]=\"12\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                />\n            </div>\n            <div\n                class=\"vd-form-flex__item vd-form-flex__item--4-char-width\"\n                [class.me-0]=\"shouldDisplayDatePicker()\"\n            >\n                <foehn-input-number\n                    [id]=\"buildId() + '_year'\"\n                    [name]=\"name() + '_year'\"\n                    [label]=\"'foehn-input-date.year.label' | fromDictionary\"\n                    [(model)]=\"year\"\n                    (modelChange)=\"updateDate()\"\n                    [disabled]=\"disabledComputed() || disableYear()\"\n                    [allowNegative]=\"false\"\n                    [maxlength]=\"4\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                />\n            </div>\n            <div class=\"d-inline-flex\">\n                @if (shouldDisplayDatePicker()) {\n                    <foehn-date-picker-button\n                        [name]=\"buildId() + '_datePickerButton'\"\n                        [(model)]=\"datePickerModel\"\n                        (modelChange)=\"updateDateFromDatePicker($event)\"\n                        (userInput)=\"handleDatePickerUserInput($event)\"\n                        [displaySelectedDate]=\"false\"\n                        [minDate]=\"minDate()\"\n                        [maxDate]=\"maxDate()\"\n                        class=\"align-self-center\"\n                    />\n                }\n\n                @if (!isEmptyDependingOnDisabled() && displayClearButton()) {\n                    <div class=\"align-self-center position-relative\">\n                        <button\n                            [id]=\"buildId() + '_clearButton'\"\n                            type=\"button\"\n                            class=\"clear-button btn btn-link p-0\"\n                            (click)=\"resetModel()\"\n                        >\n                            <foehn-icon-times\n                                [title]=\"\n                                    'foehn-input.clear-button.label'\n                                        | fromDictionary\n                                \"\n                            />\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-number div.form-group{margin-bottom:0!important}.vd-form-flex{max-width:335px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { disableDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableDay", required: false }] }], disableMonth: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableMonth", required: false }] }], disableYear: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableYear", required: false }] }], hideDatePickerButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDatePickerButton", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], childrenLabelSrOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "childrenLabelSrOnly", required: false }] }], clearButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearButton", required: false }] }] } });
 
 class FoehnTimeComponent extends FoehnInputStringComponent {
@@ -11140,7 +11140,7 @@ class FoehnTimeComponent extends FoehnInputStringComponent {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnTimeComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div class=\"vd-form-flex\">\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_hours'\"\n                    [name]=\"name() + '_hours'\"\n                    [label]=\"'foehn-input-time.hours.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"24\"\n                    [(model)]=\"hour\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [allowLeadingZero]=\"true\"\n                    #entryComponent\n                />\n            </div>\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_minutes'\"\n                    [name]=\"name() + '_minutes'\"\n                    [label]=\"'foehn-input-time.minutes.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"59\"\n                    [(model)]=\"minute\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [allowLeadingZero]=\"true\"\n                />\n            </div>\n            @if (!isEmpty() && displayClearButton()) {\n                <div class=\"align-self-center position-relative\">\n                    <button\n                        [id]=\"buildId() + '_clearButton'\"\n                        type=\"button\"\n                        class=\"clear-button btn btn-link d-flex\"\n                        (click)=\"resetModel()\"\n                    >\n                        <foehn-icon-times\n                            [title]=\"\n                                'foehn-input.clear-button.label'\n                                    | fromDictionary\n                            \"\n                        />\n                    </button>\n                </div>\n            }\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-number div.form-group{margin-bottom:0!important}\n"], dependencies: [{ kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "allowLeadingZero", "maxlength"] }, { kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div class=\"vd-form-flex\">\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_hours'\"\n                    [name]=\"name() + '_hours'\"\n                    [label]=\"'foehn-input-time.hours.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"24\"\n                    [(model)]=\"hour\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [allowLeadingZero]=\"true\"\n                    #entryComponent\n                />\n            </div>\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_minutes'\"\n                    [name]=\"name() + '_minutes'\"\n                    [label]=\"'foehn-input-time.minutes.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"59\"\n                    [(model)]=\"minute\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [allowLeadingZero]=\"true\"\n                />\n            </div>\n            @if (!isEmpty() && displayClearButton()) {\n                <div class=\"align-self-center position-relative\">\n                    <button\n                        [id]=\"buildId() + '_clearButton'\"\n                        type=\"button\"\n                        class=\"clear-button btn btn-link p-0\"\n                        (click)=\"resetModel()\"\n                    >\n                        <foehn-icon-times\n                            [title]=\"\n                                'foehn-input.clear-button.label'\n                                    | fromDictionary\n                            \"\n                        />\n                    </button>\n                </div>\n            }\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-number div.form-group{margin-bottom:0!important}.vd-form-flex{max-width:220px}\n"], dependencies: [{ kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnInputNumberComponent, selector: "foehn-input-number", inputs: ["hideStandardHelpText", "allowDecimal", "allowNegative", "maxDecimalCount", "allowFreeInput", "allowLeadingZero", "maxlength"] }, { kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FoehnTimeComponent, decorators: [{
             type: Component,
@@ -11154,7 +11154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         FoehnInputNumberComponent,
                         FoehnIconTimesComponent,
                         SdkDictionaryPipe,
-                    ], template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div class=\"vd-form-flex\">\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_hours'\"\n                    [name]=\"name() + '_hours'\"\n                    [label]=\"'foehn-input-time.hours.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"24\"\n                    [(model)]=\"hour\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [allowLeadingZero]=\"true\"\n                    #entryComponent\n                />\n            </div>\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_minutes'\"\n                    [name]=\"name() + '_minutes'\"\n                    [label]=\"'foehn-input-time.minutes.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"59\"\n                    [(model)]=\"minute\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [allowLeadingZero]=\"true\"\n                />\n            </div>\n            @if (!isEmpty() && displayClearButton()) {\n                <div class=\"align-self-center position-relative\">\n                    <button\n                        [id]=\"buildId() + '_clearButton'\"\n                        type=\"button\"\n                        class=\"clear-button btn btn-link d-flex\"\n                        (click)=\"resetModel()\"\n                    >\n                        <foehn-icon-times\n                            [title]=\"\n                                'foehn-input.clear-button.label'\n                                    | fromDictionary\n                            \"\n                        />\n                    </button>\n                </div>\n            }\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-number div.form-group{margin-bottom:0!important}\n"] }]
+                    ], template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div class=\"vd-form-flex\">\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_hours'\"\n                    [name]=\"name() + '_hours'\"\n                    [label]=\"'foehn-input-time.hours.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"24\"\n                    [(model)]=\"hour\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [allowLeadingZero]=\"true\"\n                    #entryComponent\n                />\n            </div>\n            <div class=\"vd-form-flex__item vd-form-flex__item--2-char-width\">\n                <foehn-input-number\n                    [id]=\"buildId() + '_minutes'\"\n                    [name]=\"name() + '_minutes'\"\n                    [label]=\"'foehn-input-time.minutes.label' | fromDictionary\"\n                    [maxlength]=\"2\"\n                    [max]=\"59\"\n                    [(model)]=\"minute\"\n                    (focusout)=\"updateTime()\"\n                    [required]=\"required()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    (userInput)=\"handleUserInput()\"\n                    [isErrorInherited]=\"hasErrorsToDisplay()\"\n                    [disabled]=\"disabled()\"\n                    [hideStandardHelpText]=\"true\"\n                    [isLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [allowLeadingZero]=\"true\"\n                />\n            </div>\n            @if (!isEmpty() && displayClearButton()) {\n                <div class=\"align-self-center position-relative\">\n                    <button\n                        [id]=\"buildId() + '_clearButton'\"\n                        type=\"button\"\n                        class=\"clear-button btn btn-link p-0\"\n                        (click)=\"resetModel()\"\n                    >\n                        <foehn-icon-times\n                            [title]=\"\n                                'foehn-input.clear-button.label'\n                                    | fromDictionary\n                            \"\n                        />\n                    </button>\n                </div>\n            }\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-number div.form-group{margin-bottom:0!important}.vd-form-flex{max-width:220px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { childrenLabelSrOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "childrenLabelSrOnly", required: false }] }], clearButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearButton", required: false }] }] } });
 
 class FoehnDateTimeComponent extends FoehnInputComponent {
@@ -11302,7 +11302,7 @@ class FoehnDateTimeComponent extends FoehnInputComponent {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnDateTimeComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div [attr.id]=\"buildId() + 'MainColumn'\" class=\"vd-form-flex\">\n            <div [attr.id]=\"buildId() + 'DateColumn'\" class=\"pe-0\">\n                <foehn-input-date\n                    [id]=\"buildId() + '_date'\"\n                    [name]=\"name() + '_date'\"\n                    [(model)]=\"date\"\n                    [disableDay]=\"disableDay()\"\n                    [disableMonth]=\"disableMonth()\"\n                    [disableYear]=\"disableYear()\"\n                    [minDate]=\"minDate()\"\n                    [maxDate]=\"maxDate()\"\n                    [hideDatePickerButton]=\"hideDatePickerButton()\"\n                    (userInput)=\"handleUserInputDate()\"\n                    [disabled]=\"disabled()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    [isLabelSrOnly]=\"isLabelSrOnly()\"\n                    [childrenLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [clearButton]=\"false\"\n                    #entryComponent\n                />\n            </div>\n            <div\n                [attr.id]=\"buildId() + 'TimeColumn'\"\n                class=\"px-md-0 mt-md-0 mt-xs-2 d-flex\"\n            >\n                <foehn-input-time\n                    [id]=\"buildId() + '_time'\"\n                    [name]=\"name() + '_time'\"\n                    [(model)]=\"time\"\n                    (modelChange)=\"timeModelChange($event)\"\n                    (userInput)=\"handleUserInputTime($event)\"\n                    [disabled]=\"disabled()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    [isLabelSrOnly]=\"isLabelSrOnly()\"\n                    [childrenLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [clearButton]=\"false\"\n                />\n                @if (!isEmptyDependingOnDisabled() && displayClearButton()) {\n                    <div class=\"align-self-center position-relative\">\n                        <button\n                            [id]=\"buildId() + '_clearButton'\"\n                            type=\"button\"\n                            class=\"clear-button btn btn-link d-flex\"\n                            (click)=\"resetModel()\"\n                        >\n                            <foehn-icon-times\n                                [title]=\"\n                                    'foehn-input.clear-button.label'\n                                        | fromDictionary\n                                \"\n                            />\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-date>div.form-group,:host ::ng-deep foehn-input-time>div.form-group{margin-bottom:0!important}\n"], dependencies: [{ kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnDateComponent, selector: "foehn-input-date", inputs: ["disableDay", "disableMonth", "disableYear", "hideDatePickerButton", "minDate", "maxDate", "childrenLabelSrOnly", "clearButton"] }, { kind: "component", type: FoehnTimeComponent, selector: "foehn-input-time", inputs: ["childrenLabelSrOnly", "clearButton"] }, { kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div [attr.id]=\"buildId() + 'MainColumn'\" class=\"vd-form-flex\">\n            <div [attr.id]=\"buildId() + 'DateColumn'\" class=\"pe-0\">\n                <foehn-input-date\n                    [id]=\"buildId() + '_date'\"\n                    [name]=\"name() + '_date'\"\n                    [(model)]=\"date\"\n                    [disableDay]=\"disableDay()\"\n                    [disableMonth]=\"disableMonth()\"\n                    [disableYear]=\"disableYear()\"\n                    [minDate]=\"minDate()\"\n                    [maxDate]=\"maxDate()\"\n                    [hideDatePickerButton]=\"hideDatePickerButton()\"\n                    (userInput)=\"handleUserInputDate()\"\n                    [disabled]=\"disabled()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    [isLabelSrOnly]=\"isLabelSrOnly()\"\n                    [childrenLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [clearButton]=\"false\"\n                    #entryComponent\n                />\n            </div>\n            <div\n                [attr.id]=\"buildId() + 'TimeColumn'\"\n                class=\"px-md-0 mt-md-0 mt-xs-2 d-flex\"\n            >\n                <foehn-input-time\n                    [id]=\"buildId() + '_time'\"\n                    [name]=\"name() + '_time'\"\n                    [(model)]=\"time\"\n                    (modelChange)=\"timeModelChange($event)\"\n                    (userInput)=\"handleUserInputTime($event)\"\n                    [disabled]=\"disabled()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    [isLabelSrOnly]=\"isLabelSrOnly()\"\n                    [childrenLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [clearButton]=\"false\"\n                />\n                @if (!isEmptyDependingOnDisabled() && displayClearButton()) {\n                    <div class=\"align-self-center position-relative\">\n                        <button\n                            [id]=\"buildId() + '_clearButton'\"\n                            type=\"button\"\n                            class=\"clear-button btn btn-link p-0\"\n                            (click)=\"resetModel()\"\n                        >\n                            <foehn-icon-times\n                                [title]=\"\n                                    'foehn-input.clear-button.label'\n                                        | fromDictionary\n                                \"\n                            />\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-date>div.form-group,:host ::ng-deep foehn-input-time>div.form-group{margin-bottom:0!important}.vd-form-flex{max-width:590px}\n"], dependencies: [{ kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnDateComponent, selector: "foehn-input-date", inputs: ["disableDay", "disableMonth", "disableYear", "hideDatePickerButton", "minDate", "maxDate", "childrenLabelSrOnly", "clearButton"] }, { kind: "component", type: FoehnTimeComponent, selector: "foehn-input-time", inputs: ["childrenLabelSrOnly", "clearButton"] }, { kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FoehnDateTimeComponent, decorators: [{
             type: Component,
@@ -11317,7 +11317,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         FoehnTimeComponent,
                         FoehnIconTimesComponent,
                         SdkDictionaryPipe,
-                    ], template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div [attr.id]=\"buildId() + 'MainColumn'\" class=\"vd-form-flex\">\n            <div [attr.id]=\"buildId() + 'DateColumn'\" class=\"pe-0\">\n                <foehn-input-date\n                    [id]=\"buildId() + '_date'\"\n                    [name]=\"name() + '_date'\"\n                    [(model)]=\"date\"\n                    [disableDay]=\"disableDay()\"\n                    [disableMonth]=\"disableMonth()\"\n                    [disableYear]=\"disableYear()\"\n                    [minDate]=\"minDate()\"\n                    [maxDate]=\"maxDate()\"\n                    [hideDatePickerButton]=\"hideDatePickerButton()\"\n                    (userInput)=\"handleUserInputDate()\"\n                    [disabled]=\"disabled()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    [isLabelSrOnly]=\"isLabelSrOnly()\"\n                    [childrenLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [clearButton]=\"false\"\n                    #entryComponent\n                />\n            </div>\n            <div\n                [attr.id]=\"buildId() + 'TimeColumn'\"\n                class=\"px-md-0 mt-md-0 mt-xs-2 d-flex\"\n            >\n                <foehn-input-time\n                    [id]=\"buildId() + '_time'\"\n                    [name]=\"name() + '_time'\"\n                    [(model)]=\"time\"\n                    (modelChange)=\"timeModelChange($event)\"\n                    (userInput)=\"handleUserInputTime($event)\"\n                    [disabled]=\"disabled()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    [isLabelSrOnly]=\"isLabelSrOnly()\"\n                    [childrenLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [clearButton]=\"false\"\n                />\n                @if (!isEmptyDependingOnDisabled() && displayClearButton()) {\n                    <div class=\"align-self-center position-relative\">\n                        <button\n                            [id]=\"buildId() + '_clearButton'\"\n                            type=\"button\"\n                            class=\"clear-button btn btn-link d-flex\"\n                            (click)=\"resetModel()\"\n                        >\n                            <foehn-icon-times\n                                [title]=\"\n                                    'foehn-input.clear-button.label'\n                                        | fromDictionary\n                                \"\n                            />\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-date>div.form-group,:host ::ng-deep foehn-input-time>div.form-group{margin-bottom:0!important}\n"] }]
+                    ], template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        @if (!!label()) {\n            <legend\n                [class.visually-hidden]=\"isLabelSrOnly()\"\n                [class.vd-p]=\"!isLabelSrOnly()\"\n            >\n                <span [innerHTML]=\"label()\"></span>\n                @if (!required() && !hideNotRequiredExtraLabel()) {\n                    <span aria-hidden=\"true\">\n                        {{ 'foehn-input.optional' | fromDictionary }}\n                    </span>\n                }\n            </legend>\n        }\n\n        <foehn-validation-alerts [component]=\"this\" />\n\n        @if (helpText()) {\n            <small\n                [attr.id]=\"buildId() + 'Help'\"\n                class=\"text-secondary\"\n                [innerHTML]=\"helpText()\"\n            ></small>\n        }\n\n        <ng-content />\n\n        <div [attr.id]=\"buildId() + 'MainColumn'\" class=\"vd-form-flex\">\n            <div [attr.id]=\"buildId() + 'DateColumn'\" class=\"pe-0\">\n                <foehn-input-date\n                    [id]=\"buildId() + '_date'\"\n                    [name]=\"name() + '_date'\"\n                    [(model)]=\"date\"\n                    [disableDay]=\"disableDay()\"\n                    [disableMonth]=\"disableMonth()\"\n                    [disableYear]=\"disableYear()\"\n                    [minDate]=\"minDate()\"\n                    [maxDate]=\"maxDate()\"\n                    [hideDatePickerButton]=\"hideDatePickerButton()\"\n                    (userInput)=\"handleUserInputDate()\"\n                    [disabled]=\"disabled()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    [isLabelSrOnly]=\"isLabelSrOnly()\"\n                    [childrenLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [clearButton]=\"false\"\n                    #entryComponent\n                />\n            </div>\n            <div\n                [attr.id]=\"buildId() + 'TimeColumn'\"\n                class=\"px-md-0 mt-md-0 mt-xs-2 d-flex\"\n            >\n                <foehn-input-time\n                    [id]=\"buildId() + '_time'\"\n                    [name]=\"name() + '_time'\"\n                    [(model)]=\"time\"\n                    (modelChange)=\"timeModelChange($event)\"\n                    (userInput)=\"handleUserInputTime($event)\"\n                    [disabled]=\"disabled()\"\n                    [hideNotRequiredExtraLabel]=\"true\"\n                    [isLabelSrOnly]=\"isLabelSrOnly()\"\n                    [childrenLabelSrOnly]=\"childrenLabelSrOnly()\"\n                    [clearButton]=\"false\"\n                />\n                @if (!isEmptyDependingOnDisabled() && displayClearButton()) {\n                    <div class=\"align-self-center position-relative\">\n                        <button\n                            [id]=\"buildId() + '_clearButton'\"\n                            type=\"button\"\n                            class=\"clear-button btn btn-link p-0\"\n                            (click)=\"resetModel()\"\n                        >\n                            <foehn-icon-times\n                                [title]=\"\n                                    'foehn-input.clear-button.label'\n                                        | fromDictionary\n                                \"\n                            />\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-date>div.form-group,:host ::ng-deep foehn-input-time>div.form-group{margin-bottom:0!important}.vd-form-flex{max-width:590px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { disableDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableDay", required: false }] }], disableMonth: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableMonth", required: false }] }], disableYear: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableYear", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], hideDatePickerButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDatePickerButton", required: false }] }], childrenLabelSrOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "childrenLabelSrOnly", required: false }] }], clearButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearButton", required: false }] }] } });
 
 class FoehnInputNav13Component extends FoehnInputStringComponent {