@sebgroup/green-core 2.28.1 → 2.28.2-rc.20260203113139123

package/components/calendar/calendar.component.js

@@ -148,7 +148,7 @@ let GdsCalendar = class extends GdsElement {
           );
           const isOutsideMinMax = (day < this.min || day > this.max) && !isSameDay(day, this.min) && !isSameDay(day, this.max);
           const isWeekend = day.getDay() === 0 || day.getDay() === 6;
-          const isDisabled = displayOptions.disabled || isOutsideCurrentMonth || isOutsideMinMax || this.disabledWeekends && isWeekend;
+          const isDisabled = displayOptions.disabled || isOutsideMinMax || this.disabledWeekends && isWeekend;
           const shouldRenderBlank = this.hideExtraneousDays && isOutsideCurrentMonth;
           return shouldRenderBlank ? html`<td inert></td>` : html`
                           <td
@@ -159,7 +159,8 @@ let GdsCalendar = class extends GdsElement {
             small: Boolean(this.size === "small"),
             "custom-date": Boolean(customization),
             disabled: Boolean(isDisabled),
-            today: isSameDay(currentDate, day)
+            today: isSameDay(currentDate, day),
+            "outside-month": isOutsideCurrentMonth
           })}"
                             ?disabled=${isDisabled}
                             tabindex="${isSameDay(this.focusedDate, day) ? 0 : -1}"

package/components/calendar/calendar.styles.js

@@ -136,6 +136,10 @@ const style = css`
         cursor: default;
       }
 
+      &.outside-month:not(.disabled) {
+        color: var(--gds-sys-color-content-neutral-02);
+      }
+
       &[aria-selected='false']:active:not(.disabled) {
         background: color-mix(
           in srgb,

package/components/dropdown/dropdown.component.js

@@ -446,6 +446,7 @@ let Dropdown = class extends GdsFormControlElement {
       this.options[0] && (this.options[0].selected = true);
       this.value = this.options[0]?.value;
     }
+    this._handleValueChange();
   }
   _handleValueChange() {
     this._elListbox.then((listbox) => {