@siemens/element-ng 47.11.1 → 47.12.0

package/datepicker/date-time-helper.d.ts

@@ -1,4 +1,4 @@
-import { WeekStart } from './si-datepicker.model';
+import { DatepickerInputConfig, WeekStart } from './si-datepicker.model';
 export interface DayOfWeek {
     id: string;
     index: number;
@@ -300,3 +300,7 @@ export declare const nextMonth: (date: Date) => Date;
 export declare const previousMonth: (date: Date) => Date;
 export declare const minDate: (first?: Date, second?: Date) => Date | undefined;
 export declare const maxDate: (first?: Date, second?: Date) => Date | undefined;
+/**
+ * Indicate whether the time use the 12-hour format
+ */
+export declare const is12HourFormat: (locale: string, config: DatepickerInputConfig) => boolean;

package/datepicker/si-date-range.component.d.ts

@@ -118,6 +118,7 @@ export declare class SiDateRangeComponent implements ControlValueAccessor, Valid
     protected readonly disabled: import("@angular/core").Signal<boolean>;
     private readonly disabledNgControl;
     private readonly cdRef;
+    private readonly locale;
     private readonly overlayToggle;
     private readonly elementRef;
     private readonly defaultPlacement;

package/datepicker/si-datepicker.directive.d.ts

@@ -50,7 +50,6 @@ export declare class SiDatepickerDirective extends SiDateInputDirective implemen
      */
     useExternalTrigger(element: ElementRef<HTMLElement>): void;
     protected focusChange(): void;
-    private getTime12h;
     private subscribeDateChanges;
     /**
      * Callback when the datepicker changes his value.

package/fesm2022/siemens-element-ng-datepicker.mjs

@@ -678,6 +678,13 @@ const minDate = (first, second) => {
 const maxDate = (first, second) => {
     return !!first && !!second ? (first > second ? first : second) : (first ?? second);
 };
+/**
+ * Indicate whether the time use the 12-hour format
+ */
+const is12HourFormat = (locale, config) => {
+    const dateFormat = getDatepickerFormat(locale, config, true);
+    return dateFormat?.includes('a') ?? false;
+};
 
 /**
  * Returns date / datetime format to be used for rendering a date object as text
@@ -3633,7 +3640,7 @@ class SiDatepickerDirective extends SiDateInputDirective {
         this.subscribeDateChanges(this.overlayToggle.showOverlay(initialFocus, {
             config: this.siDatepickerConfig(),
             date: this.date,
-            time12h: this.getTime12h()
+            time12h: is12HourFormat(this.locale, this.siDatepickerConfig() ?? {})
         }));
     }
     /**
@@ -3647,10 +3654,6 @@ class SiDatepickerDirective extends SiDateInputDirective {
             this.show();
         }
     }
-    getTime12h() {
-        const dateFormat = getDatepickerFormat(this.locale, this.siDatepickerConfig(), true);
-        return dateFormat?.includes('a');
-    }
     subscribeDateChanges(overlay) {
         this.overlaySubscriptions?.forEach(s => s.unsubscribe());
         overlay?.instance.date.subscribe(d => this.onDateChanged(d));
@@ -3849,6 +3852,7 @@ class SiDateRangeComponent {
     disabled = computed(() => this.disabledInput() || this.disabledNgControl());
     disabledNgControl = signal(false);
     cdRef = inject(ChangeDetectorRef);
+    locale = inject(LOCALE_ID).toString();
     overlayToggle = inject(SiDatepickerOverlayDirective);
     elementRef = inject(ElementRef);
     defaultPlacement = [
@@ -3932,7 +3936,8 @@ class SiDateRangeComponent {
         }
         this.subscribeRangeChanges(this.overlayToggle.showOverlay(true, {
             config: this.siDatepickerConfig(),
-            dateRange: this.value()
+            dateRange: this.value(),
+            time12h: is12HourFormat(this.locale, this.siDatepickerConfig())
         }));
     }
     subscribeRangeChanges(overlay) {
@@ -4222,5 +4227,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CloseCause, SiCalendarButtonComponent, SiDateInputDirective, SiDateRangeComponent, SiDatepickerComponent, SiDatepickerDirective, SiDatepickerModule, SiDatepickerOverlayComponent, SiDatepickerOverlayDirective, SiTimepickerComponent, WEEK_START_OFFSET, addDays, addDaysInRange, addMonthsInRange, addYearsInRange, changeDay, compareDate, compareMonth, compareYear, createDate, daysInMonth, getDateSameOrBetween, getDateWithoutTime, getDatepickerFormat, getDayStrings, getDaysOfWeek, getFirstDateInMonth, getFirstDateInYear, getFirstDayInMonth, getLastDateInMonth, getLocaleMonthNames, getMaxDate, getMinDate, getNamedFormat, getStringforDate, getWeekDayOffset, getWeekEndDate, getWeekOfYear, getWeekStartDate, isAfter, isAfterMonth, isAfterYear, isAnotherMonth, isAnotherMonthOrYear, isAnotherYear, isBetween, isBetweenMonth, isBetweenYears, isSameDate, isSameMonth, isSameOrBefore, isSameOrBeforeMonth, isSameOrBeforeYear, isSameOrBetween, isSameOrBetweenMonth, isSameOrBetweenYears, isSameYear, isValid, maxDate, minDate, nextMonth, parseDate, previousMonth, today };
+export { CloseCause, SiCalendarButtonComponent, SiDateInputDirective, SiDateRangeComponent, SiDatepickerComponent, SiDatepickerDirective, SiDatepickerModule, SiDatepickerOverlayComponent, SiDatepickerOverlayDirective, SiTimepickerComponent, WEEK_START_OFFSET, addDays, addDaysInRange, addMonthsInRange, addYearsInRange, changeDay, compareDate, compareMonth, compareYear, createDate, daysInMonth, getDateSameOrBetween, getDateWithoutTime, getDatepickerFormat, getDayStrings, getDaysOfWeek, getFirstDateInMonth, getFirstDateInYear, getFirstDayInMonth, getLastDateInMonth, getLocaleMonthNames, getMaxDate, getMinDate, getNamedFormat, getStringforDate, getWeekDayOffset, getWeekEndDate, getWeekOfYear, getWeekStartDate, is12HourFormat, isAfter, isAfterMonth, isAfterYear, isAnotherMonth, isAnotherMonthOrYear, isAnotherYear, isBetween, isBetweenMonth, isBetweenYears, isSameDate, isSameMonth, isSameOrBefore, isSameOrBeforeMonth, isSameOrBeforeYear, isSameOrBetween, isSameOrBetweenMonth, isSameOrBetweenYears, isSameYear, isValid, maxDate, minDate, nextMonth, parseDate, previousMonth, today };
 //# sourceMappingURL=siemens-element-ng-datepicker.mjs.map