@energycap/components 0.39.36-ECAP-26840-date-input.20241121-0843 → 0.39.36-ECAP-26840-date-input.20241121-1605

package/fesm2020/energycap-components.mjs

@@ -4093,6 +4093,8 @@ class DateInputComponent extends FormControlBase {
         this.calendarSelection = selection;
         if (isCalendarSelectionSingleDate(selection)) {
             this.formModel.setValue(selection);
+            this.isCalendarOpen = false;
+            this.focusInput();
         }
     }
     onTextboxBlur() {
@@ -4131,7 +4133,7 @@ class DateInputComponent extends FormControlBase {
         this.onTextboxValueChanges();
         // Sync the initial disabled status and value of the textbox
         this.syncTextboxControlDisabledStatus(this.formModel.status);
-        this.textboxControl.setValue(this.dateDisplayPipe.transform(this.formModel.value), { emitEvent: false });
+        this.textboxControl.setValue(this.dateDisplayPipe.transform(this.formModel.value, true), { emitEvent: false });
         this.calendarSelection = this.formModel.value;
     }
     onFormModelStatusChanges() {
@@ -4152,7 +4154,7 @@ class DateInputComponent extends FormControlBase {
         // Update the calendar selection textbox value with a formatted date when the form model changes.
         // This is usually triggered by programmatic changes to the form model by a parent component.
         this.formModel.valueChanges.pipe(distinctUntilChanged((a, b) => moment(a).isSame(b, 'day')), takeUntil(this.componentDestroyed)).subscribe(value => {
-            const displayValue = this.dateDisplayPipe.transform(value);
+            const displayValue = this.dateDisplayPipe.transform(value, true);
             // Don't emit an event when setting the textbox value to avoid circular updates between the textbox and form model.
             this.textboxControl.setValue(displayValue, { emitEvent: false });
             this.calendarSelection = value;