@cocoar/ui-components 0.1.0-beta.120 → 0.1.0-beta.122

package/fesm2022/cocoar-ui-components.mjs

@@ -4036,7 +4036,12 @@ class CoarDatePickerComponent extends CoarControlValueAccessor {
     localizationDataStore = inject(CoarLocalizationDataStore, { optional: true });
     overlayRef = null;
     /** Current language from localization service (reactive) */
-    currentLanguage = toSignal(this.localizationService?.languageChanged$ ?? of(navigator.language));
+    currentLanguage = computed(() => {
+        // Use the language Signal from service if available, otherwise undefined
+        const lang = this.localizationService?.language();
+        console.debug('[CoarDatePicker] currentLanguage computed:', lang);
+        return lang;
+    }, ...(ngDevMode ? [{ debugName: "currentLanguage" }] : []));
     // ============================================================
     // Inputs
     // ============================================================
@@ -4140,8 +4145,9 @@ class CoarDatePickerComponent extends CoarControlValueAccessor {
     daysOfWeek = computed(() => {
         const locale = this.effectiveLocale();
         const firstDay = this.firstDayOfWeek();
-        console.log('[CoarDatePicker] daysOfWeek computed - locale:', locale, 'firstDay:', firstDay);
-        return getLocalizedWeekdays(locale, firstDay);
+        const days = getLocalizedWeekdays(locale, firstDay);
+        console.debug('[CoarDatePicker] daysOfWeek - locale:', locale, 'firstDay:', firstDay, 'days:', days);
+        return days;
     }, ...(ngDevMode ? [{ debugName: "daysOfWeek" }] : []));
     /** Reference to the input element */
     inputRef = viewChild('dateInput', ...(ngDevMode ? [{ debugName: "inputRef" }] : []));
@@ -4217,11 +4223,10 @@ class CoarDatePickerComponent extends CoarControlValueAccessor {
      * Priority: input locale > locale service language > browser locale
      */
     effectiveLocale = computed(() => {
-        // Always re-evaluate navigator.language to ensure fresh browser locale
         const localeInput = this.locale();
         const currentLang = this.currentLanguage();
         const effective = localeInput ?? currentLang ?? navigator.language;
-        console.log('[CoarDatePicker] effectiveLocale computed - input:', localeInput, 'currentLang:', currentLang, 'effective:', effective);
+        console.debug('[CoarDatePicker] effectiveLocale - input:', localeInput, 'currentLang:', currentLang, 'effective:', effective);
         return effective;
     }, ...(ngDevMode ? [{ debugName: "effectiveLocale" }] : []));
     /** Whether the picker has an error state */
@@ -4277,12 +4282,13 @@ class CoarDatePickerComponent extends CoarControlValueAccessor {
     viewMonth = computed(() => {
         const viewMonth = this.viewDate();
         const locale = this.effectiveLocale();
-        console.log('[CoarDatePicker] viewMonth computed - locale:', locale, 'month:', viewMonth.month);
         const formatter = new Intl.DateTimeFormat(locale, {
             month: 'long',
         });
         const jsDate = new Date(viewMonth.year, viewMonth.month - 1, 1);
-        return formatter.format(jsDate);
+        const monthName = formatter.format(jsDate);
+        console.debug('[CoarDatePicker] viewMonth - locale:', locale, 'month:', viewMonth.month, 'name:', monthName);
+        return monthName;
     }, ...(ngDevMode ? [{ debugName: "viewMonth" }] : []));
     /** Year for calendar header */
     viewYear = computed(() => {