@sbb-esta/lyne-elements 2.11.2 → 3.0.0-next.1

package/date-input/date-input.component.d.ts

@@ -1,16 +1,16 @@
-import { LitElement, CSSResultGroup, PropertyDeclaration } from 'lit';
-import { FormRestoreReason, FormRestoreState } from '../core/mixins.js';
+import { CSSResultGroup, LitElement, PropertyDeclaration } from 'lit';
 import { SbbDatepickerElement } from '../datepicker.js';
-declare const SbbDateInputElement_base: import('../core/mixins.js').Constructor<import('../core/mixins.js').SbbFormAssociatedInputMixinType> & typeof LitElement;
+declare const SbbDateInputElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedInputMixinType> & typeof LitElement;
 /**
  * Custom input for a date.
+ * @overrideType value - string
  */
 export declare class SbbDateInputElement<T = Date> extends SbbDateInputElement_base {
     static styles: CSSResultGroup;
     /**
      * The value of the date input. Reflects the current text value
      * of this input.
-     * @attr Accepts ISO8601 formatted values, which will be
+     * The attribute `value` Accepts ISO8601 formatted values, which will be
      * formatted according to the current locale.
      */
     set value(value: string);
@@ -18,7 +18,15 @@ export declare class SbbDateInputElement<T = Date> extends SbbDateInputElement_b
     set valueAsDate(value: T | null);
     get valueAsDate(): T | null;
     private _valueAsDate?;
+    /**
+     * The minimum valid date. Accepts a date object or null.
+     * Accepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.
+     */
     accessor min: T | null;
+    /**
+     * The maximum valid date. Accepts a date object or null.
+     * Accepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.
+     */
     accessor max: T | null;
     /** A function used to filter out dates. */
     set dateFilter(value: (date: T | null) => boolean);
@@ -45,16 +53,6 @@ export declare class SbbDateInputElement<T = Date> extends SbbDateInputElement_b
     private _dateFilter;
     connectedCallback(): void;
     requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
-    /**
-     *  Called when the browser is trying to restore element’s state to state in which case
-     *  reason is "restore", or when the browser is trying to fulfill autofill on behalf of
-     *  user in which case reason is "autocomplete".
-     *  In the case of "restore", state is a string, File, or FormData object
-     *  previously set as the second argument to setFormValue.
-     *
-     * @internal
-     */
-    formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
     protected updateFormValue(): void;
     private _tryParseValue;
     private _updateValueDateFormat;

package/date-input/date-input.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.component.d.ts","sourceRoot":"","sources":["../../../src/elements/date-input/date-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAY1F,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;;AAY7D;;GAEG;AACH,qBAEM,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,wBAAuC;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;OAKG;IACH,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAQtC;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,IAEW,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,EAmBrC;IACD,IAAW,WAAW,IAAI,CAAC,GAAG,IAAI,CAEjC;IACD,OAAO,CAAC,YAAY,CAAC,CAAW;IAEhC,SAEgB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAQ;IAErC,SAEgB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAQ;IAErC,2CAA2C;IAC3C,IACW,UAAU,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,EAKvD;IACD,IAAW,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAEnD;IAED;;;;OAIG;IACH,SACgB,YAAY,EAAE,OAAO,GAAG,MAAM,CAAW;IAEzD;;;OAGG;IACH,OAAO,CAAC,WAAW,CAAC,CAAqB;IACzC,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,mBAAmB,CAAS;IAEpC;;;OAGG;IACH,IAAW,UAAU,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtD;;IAOD,OAAO,CAAC,WAAW,CAA2C;IAE9C,iBAAiB,IAAI,IAAI;IAQzB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;IAiBP;;;;;;;;OAQG;IACa,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;cAMY,eAAe,IAAI,IAAI;IAO1C,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,WAAW;cAIA,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAOtD,QAAQ,IAAI,IAAI;IAiCnC,OAAO,CAAC,qBAAqB;CAK9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;IAED,UAAU,mBAAmB;QAC3B,aAAa,EAAE,OAAO,CAAC;KACxB;CACF"}
+{"version":3,"file":"date-input.component.d.ts","sourceRoot":"","sources":["../../../src/elements/date-input/date-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAY,UAAU,EAAE,KAAK,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAa1F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;;AAY7D;;;GAGG;AACH,qBAEM,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,wBAAuC;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;OAKG;IACH,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAQtC;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,IACW,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,EAsBrC;IACD,IAAW,WAAW,IAAI,CAAC,GAAG,IAAI,CAIjC;IACD,OAAO,CAAC,YAAY,CAAC,CAAW;IAEhC;;;OAGG;IACH,SAEgB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAQ;IAErC;;;OAGG;IACH,SAEgB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAQ;IAErC,2CAA2C;IAC3C,IACW,UAAU,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,EAKvD;IACD,IAAW,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAEnD;IAED;;;;OAIG;IACH,SACgB,YAAY,EAAE,OAAO,GAAG,MAAM,CAAW;IAEzD;;;OAGG;IACH,OAAO,CAAC,WAAW,CAAC,CAAqB;IACzC,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,mBAAmB,CAAS;IAEpC;;;OAGG;IACH,IAAW,UAAU,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtD;;IAOD,OAAO,CAAC,WAAW,CAA2C;IAE9C,iBAAiB,IAAI,IAAI;IAQzB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAiBY,eAAe,IAAI,IAAI;IAO1C,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,WAAW;cAIA,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAOtD,QAAQ,IAAI,IAAI;IAiCnC,OAAO,CAAC,qBAAqB;CAK9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;IAED,UAAU,mBAAmB;QAC3B,aAAa,EAAE,OAAO,CAAC;KACxB;CACF"}

package/date-input/date-input.component.js

@@ -1,37 +1,38 @@
-var z = (a) => {
+var I = (a) => {
   throw TypeError(a);
 };
-var M = (a, s, i) => s.has(a) || z("Cannot " + i);
-var p = (a, s, i) => (M(a, s, "read from private field"), i ? i.call(a) : s.get(a)), f = (a, s, i) => s.has(a) ? z("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, i), o = (a, s, i, n) => (M(a, s, "write to private field"), n ? n.call(a, i) : s.set(a, i), i);
-import { __esDecorate as m, __runInitializers as d } from "tslib";
-import { css as T, LitElement as j, isServer as q } from "lit";
-import { customElement as L, property as _ } from "lit/decorators.js";
-import { readConfig as G } from "../core/config.js";
-import { defaultDateAdapter as R } from "../core/datetime.js";
-import { forceType as v, DateOnlyType as D, dateConverter as O } from "../core/decorators.js";
-import { i18nDatePickerPlaceholder as P, i18nDateInvalid as U, i18nDateMin as B, i18nDateMax as H } from "../core/i18n.js";
-import { SbbFormAssociatedInputMixin as J } from "../core/mixins.js";
-const K = T`:host{display:inline-flex;min-width:9.375rem;max-width:100%;cursor:text;align-items:center}@media (forced-colors: active){:host{color:FieldText}}:host(:disabled){cursor:default}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-metal);-webkit-text-fill-color:var(--sbb-color-metal);opacity:1}@media (forced-colors: active){:host(:empty):after{color:GrayText}}`;
+var z = (a, s, i) => s.has(a) || I("Cannot " + i);
+var p = (a, s, i) => (z(a, s, "read from private field"), i ? i.call(a) : s.get(a)), f = (a, s, i) => s.has(a) ? I("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, i), n = (a, s, i, d) => (z(a, s, "write to private field"), d ? d.call(a, i) : s.set(a, i), i);
+import { __esDecorate as m, __runInitializers as h } from "tslib";
+import { css as U, LitElement as j, isServer as q } from "lit";
+import { customElement as T, property as _ } from "lit/decorators.js";
+import { readConfig as L } from "../core/config.js";
+import { defaultDateAdapter as G } from "../core/datetime.js";
+import { plainDate as C, plainDateConverter as M } from "../core/decorators.js";
+import { i18nDatePickerPlaceholder as O, i18nDateInvalid as P, i18nDateMin as N, i18nDateMax as Y } from "../core/i18n.js";
+import { SbbFormAssociatedInputMixin as B } from "../core/mixins.js";
+const H = U`:host{display:inline-flex;min-width:9.375rem;max-width:100%;cursor:text;align-items:center}@media (forced-colors: active){:host{color:FieldText}}:host(:disabled){cursor:default}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-metal);-webkit-text-fill-color:var(--sbb-color-metal);opacity:1}@media (forced-colors: active){:host(:empty):after{color:GrayText}}`;
 Object.assign(ValidityState.prototype, {
   get sbbDateFilter() {
     return !1;
   }
 });
-let se = (() => {
-  var h, u, c, l;
-  let a = [L("sbb-date-input")], s, i = [], n, g = J(j), y = [], b, A, k = [], x = [], F, w = [], S = [], V, E, I = [], C = [];
-  return l = class extends g {
+let ae = (() => {
+  var o, u, c, r;
+  let a = [T("sbb-date-input")], s, i = [], d, y = B(j), v = [], D, A, g = [], b = [], k, x = [], F = [], w, V, S = [], E = [];
+  return r = class extends y {
     constructor() {
+      var e, t;
       super();
-      f(this, h);
+      f(this, o);
       f(this, u);
       f(this, c);
-      this._valueAsDate = d(this, y), o(this, h, d(this, k, null)), o(this, u, (d(this, x), d(this, w, null))), o(this, c, (d(this, S), d(this, I, "short"))), this._valueCache = d(this, C), this._dateAdapter = G().datetime?.dateAdapter ?? R, this._placeholderMutable = !1, this._dateFilter = () => !0, this.addEventListener?.("change", () => this._updateValueDateFormat(), { capture: !0 });
+      this._valueAsDate = h(this, v), n(this, o, h(this, g, null)), n(this, u, (h(this, b), h(this, x, null))), n(this, c, (h(this, F), h(this, S, "short"))), this._valueCache = h(this, E), this._dateAdapter = ((e = L().datetime) == null ? void 0 : e.dateAdapter) ?? G, this._placeholderMutable = !1, this._dateFilter = () => !0, (t = this.addEventListener) == null || t.call(this, "change", () => this._updateValueDateFormat(), { capture: !0 });
     }
     /**
      * The value of the date input. Reflects the current text value
      * of this input.
-     * @attr Accepts ISO8601 formatted values, which will be
+     * The attribute `value` Accepts ISO8601 formatted values, which will be
      * formatted according to the current locale.
      */
     set value(e) {
@@ -41,28 +42,36 @@ let se = (() => {
       return super.value ?? "";
     }
     set valueAsDate(e) {
-      if (!e)
+      if (e = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e)), !e)
         this._valueAsDate = null, this._valueCache = ["", null], this.value = "";
       else if (!this._dateAdapter.isDateInstance(this._valueAsDate) || this._dateAdapter.compareDate(this._valueAsDate, e) !== 0) {
-        this._valueAsDate = e;
+        this._valueAsDate = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), this._dateAdapter.getDate(e));
         const t = this._formatDate();
         this._valueCache = [t, this._valueAsDate], this.value = t;
       }
     }
     get valueAsDate() {
-      return this._valueAsDate ?? null;
+      return this._valueAsDate ? this._dateAdapter.clone(this._valueAsDate) : null;
     }
+    /**
+     * The minimum valid date. Accepts a date object or null.
+     * Accepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.
+     */
     get min() {
-      return p(this, h);
+      return p(this, o);
     }
     set min(e) {
-      o(this, h, e);
+      n(this, o, e);
     }
+    /**
+     * The maximum valid date. Accepts a date object or null.
+     * Accepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.
+     */
     get max() {
       return p(this, u);
     }
     set max(e) {
-      o(this, u, e);
+      n(this, u, e);
     }
     /** A function used to filter out dates. */
     set dateFilter(e) {
@@ -80,7 +89,7 @@ let se = (() => {
       return p(this, c);
     }
     set weekdayStyle(e) {
-      o(this, c, e);
+      n(this, c, e);
     }
     /**
      * Gets the associated datepicker, if any.
@@ -90,22 +99,10 @@ let se = (() => {
       return this.parentElement.querySelector("sbb-datepicker");
     }
     connectedCallback() {
-      super.connectedCallback(), this.placeholder || (this._placeholderMutable = !0, this.placeholder = P[this.language.current]);
+      super.connectedCallback(), this.placeholder || (this._placeholderMutable = !0, this.placeholder = O[this.language.current]);
     }
-    requestUpdate(e, t, r) {
-      super.requestUpdate(e, t, r), this.hasUpdated && !e ? (this._updateValueDateFormat(), this._placeholderMutable && (this.placeholder = P[this.language.current])) : e === "weekdayStyle" && this._updateValueDateFormat(), this.hasUpdated && this.dispatchEvent(new Event("ɵchange"));
-    }
-    /**
-     *  Called when the browser is trying to restore element’s state to state in which case
-     *  reason is "restore", or when the browser is trying to fulfill autofill on behalf of
-     *  user in which case reason is "autocomplete".
-     *  In the case of "restore", state is a string, File, or FormData object
-     *  previously set as the second argument to setFormValue.
-     *
-     * @internal
-     */
-    formStateRestoreCallback(e, t) {
-      e && typeof e == "string" && (this.value = e);
+    requestUpdate(e, t, l) {
+      super.requestUpdate(e, t, l), this.hasUpdated && !e ? (this._updateValueDateFormat(), this._placeholderMutable && (this.placeholder = O[this.language.current])) : e === "weekdayStyle" && this._updateValueDateFormat(), this.hasUpdated && this.dispatchEvent(new Event("ɵchange"));
     }
     updateFormValue() {
       this._tryParseValue();
@@ -113,7 +110,8 @@ let se = (() => {
       this.internals.setFormValue(e, this.value);
     }
     _tryParseValue(e = this.value) {
-      this._valueCache?.[0] !== e && (this._valueAsDate = this._dateAdapter.parse(e), this._valueCache = [e, this._valueAsDate]);
+      var t;
+      ((t = this._valueCache) == null ? void 0 : t[0]) !== e && (this._valueAsDate = this._dateAdapter.parse(e), this._valueCache = [e, this._valueAsDate]);
     }
     _updateValueDateFormat() {
       if (this.valueAsDate) {
@@ -128,26 +126,26 @@ let se = (() => {
       return super.shouldValidate(e) || ["valueAsDate", "min", "max", "dateFilter"].includes(e);
     }
     validate() {
-      super.validate(), this.value ? this._dateAdapter.isValid(this.valueAsDate) ? this._dateAdapter.isValid(this.min) && this._dateAdapter.compareDate(this.min, this.valueAsDate) > 0 ? this.setValidityFlag("rangeUnderflow", B(this._dateAdapter.format(this.min, { weekdayStyle: "none" }))[this.language.current]) : this._dateAdapter.isValid(this.max) && this._dateAdapter.compareDate(this.valueAsDate, this.max) > 0 ? this.setValidityFlag("rangeOverflow", H(this._dateAdapter.format(this.max, { weekdayStyle: "none" }))[this.language.current]) : this.dateFilter && !this.dateFilter(this.valueAsDate) ? this.setValidityFlag("sbbDateFilter", U[this.language.current]) : this._removeValidityErrors() : this.setValidityFlag("badInput", U[this.language.current]) : this._removeValidityErrors();
+      super.validate(), this.value ? this._dateAdapter.isValid(this.valueAsDate) ? this._dateAdapter.isValid(this.min) && this._dateAdapter.compareDate(this.min, this.valueAsDate) > 0 ? this.setValidityFlag("rangeUnderflow", N(this._dateAdapter.format(this.min, { weekdayStyle: "none" }))[this.language.current]) : this._dateAdapter.isValid(this.max) && this._dateAdapter.compareDate(this.valueAsDate, this.max) > 0 ? this.setValidityFlag("rangeOverflow", Y(this._dateAdapter.format(this.max, { weekdayStyle: "none" }))[this.language.current]) : this.dateFilter && !this.dateFilter(this.valueAsDate) ? this.setValidityFlag("sbbDateFilter", P[this.language.current]) : this._removeValidityErrors() : this.setValidityFlag("badInput", P[this.language.current]) : this._removeValidityErrors();
     }
     _removeValidityErrors() {
       ["badInput", "rangeUnderflow", "rangeOverflow", "sbbDateFilter"].forEach((e) => this.removeValidityFlag(e));
     }
-  }, h = new WeakMap(), u = new WeakMap(), c = new WeakMap(), n = l, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-    b = [v(), _({ attribute: !1, type: D })], A = [v(), _({ converter: O, reflect: !0, type: D })], F = [v(), _({ converter: O, reflect: !0, type: D })], V = [_({ attribute: !1 })], E = [_({ attribute: "weekday-style" })], m(l, null, b, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (t) => "valueAsDate" in t, set: (t, r) => {
-      t.valueAsDate = r;
-    } }, metadata: e }, null, y), m(l, null, A, { kind: "accessor", name: "min", static: !1, private: !1, access: { has: (t) => "min" in t, get: (t) => t.min, set: (t, r) => {
-      t.min = r;
-    } }, metadata: e }, k, x), m(l, null, F, { kind: "accessor", name: "max", static: !1, private: !1, access: { has: (t) => "max" in t, get: (t) => t.max, set: (t, r) => {
-      t.max = r;
-    } }, metadata: e }, w, S), m(l, null, V, { kind: "setter", name: "dateFilter", static: !1, private: !1, access: { has: (t) => "dateFilter" in t, set: (t, r) => {
-      t.dateFilter = r;
-    } }, metadata: e }, null, y), m(l, null, E, { kind: "accessor", name: "weekdayStyle", static: !1, private: !1, access: { has: (t) => "weekdayStyle" in t, get: (t) => t.weekdayStyle, set: (t, r) => {
-      t.weekdayStyle = r;
-    } }, metadata: e }, I, C), m(null, s = { value: n }, a, { kind: "class", name: n.name, metadata: e }, null, i), n = s.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), l.styles = K, d(n, i), n;
+  }, o = new WeakMap(), u = new WeakMap(), c = new WeakMap(), d = r, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
+    D = [_({ attribute: !1 })], A = [C(), _({ converter: M, reflect: !0 })], k = [C(), _({ converter: M, reflect: !0 })], w = [_({ attribute: !1 })], V = [_({ attribute: "weekday-style" })], m(r, null, D, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (t) => "valueAsDate" in t, set: (t, l) => {
+      t.valueAsDate = l;
+    } }, metadata: e }, null, v), m(r, null, A, { kind: "accessor", name: "min", static: !1, private: !1, access: { has: (t) => "min" in t, get: (t) => t.min, set: (t, l) => {
+      t.min = l;
+    } }, metadata: e }, g, b), m(r, null, k, { kind: "accessor", name: "max", static: !1, private: !1, access: { has: (t) => "max" in t, get: (t) => t.max, set: (t, l) => {
+      t.max = l;
+    } }, metadata: e }, x, F), m(r, null, w, { kind: "setter", name: "dateFilter", static: !1, private: !1, access: { has: (t) => "dateFilter" in t, set: (t, l) => {
+      t.dateFilter = l;
+    } }, metadata: e }, null, v), m(r, null, V, { kind: "accessor", name: "weekdayStyle", static: !1, private: !1, access: { has: (t) => "weekdayStyle" in t, get: (t) => t.weekdayStyle, set: (t, l) => {
+      t.weekdayStyle = l;
+    } }, metadata: e }, S, E), m(null, s = { value: d }, a, { kind: "class", name: d.name, metadata: e }, null, i), d = s.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), r.styles = H, h(d, i), d;
 })();
 export {
-  se as SbbDateInputElement
+  ae as SbbDateInputElement
 };

package/datepicker/common/datepicker-association-controllers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-association-controllers.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/common/datepicker-association-controllers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAE1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAElF,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,UAAU;IACzD,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;CAC5C;AAiCD,qBAAa,sCAAsC,CAAC,CAAC,CAAE,YAAW,kBAAkB;IAG/D,OAAO,CAAC,KAAK;IAFhC,OAAO,CAAC,QAAQ,CAAC,CAAqC;gBAE3B,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAIlD,aAAa,IAAI,IAAI;IAkBrB,gBAAgB,IAAI,IAAI;IAKxB,cAAc,IAAI,IAAI;CAG9B;AAED,qBAAa,yCAAyC,CAAC,CAAC,CAAE,YAAW,kBAAkB;IAGlE,OAAO,CAAC,KAAK;IAFhC,OAAO,CAAC,QAAQ,CAAC,CAAqC;gBAE3B,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAIlD,aAAa,IAAI,IAAI;IAqBrB,gBAAgB,IAAI,IAAI;CAIhC"}
+{"version":3,"file":"datepicker-association-controllers.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/common/datepicker-association-controllers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAE1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAElF,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,UAAU;IACzD,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;CAC5C;AAiCD,qBAAa,sCAAsC,CAAC,CAAC,CAAE,YAAW,kBAAkB;IAG/D,OAAO,CAAC,KAAK;IAFhC,OAAO,CAAC,QAAQ,CAAC,CAAqC;gBAE3B,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAIlD,aAAa,IAAI,IAAI;IAgBrB,gBAAgB,IAAI,IAAI;IAKxB,cAAc,IAAI,IAAI;CAG9B;AAED,qBAAa,yCAAyC,CAAC,CAAC,CAAE,YAAW,kBAAkB;IAGlE,OAAO,CAAC,KAAK;IAFhC,OAAO,CAAC,QAAQ,CAAC,CAAqC;gBAE3B,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAIlD,aAAa,IAAI,IAAI;IAmBrB,gBAAgB,IAAI,IAAI;CAIhC"}

package/datepicker/common/datepicker-association-controllers.js

@@ -1,52 +1,55 @@
 const i = class i {
-  constructor(s) {
-    this._host = s, this.hosts = /* @__PURE__ */ new Set(), this.controls = /* @__PURE__ */ new Set();
+  constructor(t) {
+    this._host = t, this.hosts = /* @__PURE__ */ new Set(), this.controls = /* @__PURE__ */ new Set();
   }
-  static connect(s) {
-    let t = this._registry.get(s);
-    return t || (t = new i(s), this._registry.set(s, t)), t;
+  static connect(t) {
+    let s = this._registry.get(t);
+    return s || (s = new i(t), this._registry.set(t, s)), s;
   }
-  updateControls(s) {
-    Array.from(this.controls).filter((t) => t.datepicker === s).forEach((t) => t.requestUpdate());
+  updateControls(t) {
+    Array.from(this.controls).filter((s) => s.datepicker === t).forEach((s) => s.requestUpdate());
   }
   deleteIfEmpty() {
     !this.controls.size && !this.hosts.size && this.constructor._registry.delete(this._host);
   }
 };
 i._registry = /* @__PURE__ */ new WeakMap();
-let o = i;
+let e = i;
 class c {
-  constructor(s) {
-    this._host = s, this._host.addController(this);
+  constructor(t) {
+    this._host = t, this._host.addController(this);
   }
   hostConnected() {
-    this._context = o.connect(this._host.getRootNode()), this._context.hosts.add(this._host);
-    const s = this._host.closest("sbb-form-field");
-    for (const t of this._context.controls) {
-      const e = t.getAttribute("datepicker") ?? t.getAttribute("date-picker");
-      (e ? e === this._host.id : t.closest("sbb-form-field") === s) && (t.datepicker = this._host);
+    this._context = e.connect(this._host.getRootNode()), this._context.hosts.add(this._host);
+    const t = this._host.closest("sbb-form-field");
+    for (const s of this._context.controls) {
+      const o = s.getAttribute("datepicker");
+      (o ? o === this._host.id : s.closest("sbb-form-field") === t) && (s.datepicker = this._host);
     }
   }
   hostDisconnected() {
-    this._context?.hosts.delete(this._host), this._context?.deleteIfEmpty();
+    var t, s;
+    (t = this._context) == null || t.hosts.delete(this._host), (s = this._context) == null || s.deleteIfEmpty();
   }
   updateControls() {
-    this._context?.updateControls(this._host);
+    var t;
+    (t = this._context) == null || t.updateControls(this._host);
   }
 }
 class n {
-  constructor(s) {
-    this._host = s, this._host.addController(this);
+  constructor(t) {
+    this._host = t, this._host.addController(this);
   }
   hostConnected() {
-    this._context = o.connect(this._host.getRootNode()), this._context.controls.add(this._host);
-    const s = this._host.closest("sbb-form-field");
-    let t = null;
-    const e = this._host.getAttribute("datepicker") ?? this._host.getAttribute("date-picker");
-    e ? t = Array.from(this._context.hosts).find((h) => h.id === e) ?? null : t = Array.from(this._context.hosts).find((h) => h.closest("sbb-form-field") === s) ?? null, t && (this._host.datepicker = t);
+    this._context = e.connect(this._host.getRootNode()), this._context.controls.add(this._host);
+    const t = this._host.closest("sbb-form-field");
+    let s = null;
+    const o = this._host.getAttribute("datepicker");
+    o ? s = Array.from(this._context.hosts).find((h) => h.id === o) ?? null : s = Array.from(this._context.hosts).find((h) => h.closest("sbb-form-field") === t) ?? null, s && (this._host.datepicker = s);
   }
   hostDisconnected() {
-    this._context?.controls.delete(this._host), this._context?.deleteIfEmpty();
+    var t, s;
+    (t = this._context) == null || t.controls.delete(this._host), (s = this._context) == null || s.deleteIfEmpty();
   }
 }
 export {

package/datepicker/common/datepicker-button.d.ts

@@ -4,14 +4,6 @@ import { SbbDatepickerElement } from '../datepicker.js';
 import { SbbDatepickerControl } from './datepicker-association-controllers.js';
 declare const SbbDatepickerButton_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbButtonBaseElement;
 export declare abstract class SbbDatepickerButton<T = Date> extends SbbDatepickerButton_base implements SbbDatepickerControl<T> {
-    /**
-     * Datepicker reference.
-     * @internal
-     * @deprecated Use property/attribute `datepicker` instead.
-     */
-    set datePicker(value: string | SbbDatepickerElement<T> | null);
-    /** @internal */
-    get datePicker(): string | SbbDatepickerElement<T> | null;
     /** Datepicker reference. */
     set datepicker(value: SbbDatepickerElement<T> | null);
     get datepicker(): SbbDatepickerElement<T> | null;
@@ -22,10 +14,6 @@ export declare abstract class SbbDatepickerButton<T = Date> extends SbbDatepicke
     private _disabled;
     /** Whether the component is disabled due date-picker's input disabled. */
     private _inputDisabled;
-    /**
-     * @deprecated Use datepicker instead.
-     */
-    protected datePickerElement?: SbbDatepickerElement<T> | null;
     private _dateAdapter;
     private _language;
     protected abstract iconName: string;

package/datepicker/common/datepicker-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/common/datepicker-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAOnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,yCAAyC,CAAC;AAEjD,OAAO,eAAe,CAAC;;AAMvB,8BAAsB,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAChD,SAAQ,wBACR,YAAW,oBAAoB,CAAC,CAAC,CAAC;IAElC;;;;OAIG;IACH,IACW,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,EAOnE;IACD,gBAAgB;IAChB,IAAW,UAAU,IAAI,MAAM,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAE/D;IAED,4BAA4B;IAC5B,IACW,UAAU,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,EAQ1D;IACD,IAAW,UAAU,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtD;IACD,OAAO,CAAC,WAAW,CAAC,CAAiC;IAErD,qEAAqE;IAC5D,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAEpE,0EAA0E;IAC1E,OAAO,CAAC,SAAS,CAAS;IAE1B,0EAA0E;IAC1E,OAAO,CAAC,cAAc,CAAS;IAE/B;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAQ;IACpE,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,SAAS,CAAmC;IAEpD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IACpC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9D,SAAS,CAAC,QAAQ,CAAC,wBAAwB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;IAQ9F,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC;IAEjC,iBAAiB,IAAI,IAAI;cAQtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA2B5E,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,4BAA4B;cAYjB,cAAc,IAAI,cAAc;CAGpD"}
+{"version":3,"file":"datepicker-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/common/datepicker-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAOnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,yCAAyC,CAAC;AAEjD,OAAO,eAAe,CAAC;;AAMvB,8BAAsB,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAChD,SAAQ,wBACR,YAAW,oBAAoB,CAAC,CAAC,CAAC;IAElC,4BAA4B;IAC5B,IACW,UAAU,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,EAO1D;IACD,IAAW,UAAU,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtD;IACD,OAAO,CAAC,WAAW,CAAC,CAAiC;IAErD,qEAAqE;IAC5D,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAEpE,0EAA0E;IAC1E,OAAO,CAAC,SAAS,CAAS;IAE1B,0EAA0E;IAC1E,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,SAAS,CAAmC;IAEpD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IACpC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9D,SAAS,CAAC,QAAQ,CAAC,wBAAwB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;IAQ9F,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC;IAEjC,iBAAiB,IAAI,IAAI;cAQtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA2B5E,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,4BAA4B;cAYjB,cAAc,IAAI,cAAc;CAGpD"}

package/datepicker/common/datepicker-button.js

@@ -1,81 +1,73 @@
-var m = (e) => {
-  throw TypeError(e);
+var m = (a) => {
+  throw TypeError(a);
 };
-var f = (e, i, s) => i.has(e) || m("Cannot " + s);
-var k = (e, i, s) => (f(e, i, "read from private field"), s ? s.call(e) : i.get(e)), _ = (e, i, s) => i.has(e) ? m("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, s), o = (e, i, s, l) => (f(e, i, "write to private field"), l ? l.call(e, s) : i.set(e, s), s);
-import { __esDecorate as c, __runInitializers as u } from "tslib";
-import { html as g } from "lit";
-import { property as A, state as D } from "lit/decorators.js";
+var f = (a, s, r) => s.has(a) || m("Cannot " + r);
+var _ = (a, s, r) => (f(a, s, "read from private field"), r ? r.call(a) : s.get(a)), A = (a, s, r) => s.has(a) ? m("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), c = (a, s, r, l) => (f(a, s, "write to private field"), l ? l.call(a, r) : s.set(a, r), r);
+import { __esDecorate as k, __runInitializers as u } from "tslib";
+import { html as D } from "lit";
+import { property as g, state as y } from "lit/decorators.js";
 import { SbbButtonBaseElement as v } from "../../core/base-elements.js";
-import { readConfig as y } from "../../core/config.js";
-import { SbbLanguageController as E } from "../../core/controllers.js";
-import { defaultDateAdapter as w } from "../../core/datetime.js";
+import { readConfig as E } from "../../core/config.js";
+import { SbbLanguageController as w } from "../../core/controllers.js";
+import { defaultDateAdapter as S } from "../../core/datetime.js";
 import { i18nToday as C } from "../../core/i18n.js";
-import { SbbNegativeMixin as S } from "../../core/mixins.js";
-import { SbbDatepickerAssociationControlController as P } from "./datepicker-association-controllers.js";
+import { SbbNegativeMixin as x } from "../../core/mixins.js";
+import { SbbDatepickerAssociationControlController as I } from "./datepicker-association-controllers.js";
 import "../../icon.js";
-const x = (e) => e?.localName === "sbb-date-input";
-let M = (() => {
+const O = (a) => (a == null ? void 0 : a.localName) === "sbb-date-input";
+let V = (() => {
   var n, d;
-  let e = S(v), i = [], s, l, h, p = [], b = [];
-  return d = class extends e {
+  let a = x(v), s = [], r, l, b = [], h = [];
+  return d = class extends a {
     constructor() {
+      var t, e;
       super();
-      _(this, n);
-      this._datepicker = u(this, i), o(this, n, u(this, p, null)), this._disabled = (u(this, b), !1), this._inputDisabled = !1, this.datePickerElement = null, this._dateAdapter = y().datetime?.dateAdapter ?? w, this._language = new E(this), this.addController(new P(this)), this.addEventListener?.("click", () => this._handleClick());
-    }
-    /**
-     * Datepicker reference.
-     * @internal
-     * @deprecated Use property/attribute `datepicker` instead.
-     */
-    set datePicker(t) {
-      this.datepicker = t;
-    }
-    /** @internal */
-    get datePicker() {
-      return this.datepicker;
+      A(this, n);
+      this._datepicker = u(this, s), c(this, n, u(this, b, null)), this._disabled = (u(this, h), !1), this._inputDisabled = !1, this._dateAdapter = ((t = E().datetime) == null ? void 0 : t.dateAdapter) ?? S, this._language = new w(this), this.addController(new I(this)), (e = this.addEventListener) == null || e.call(this, "click", () => this._handleClick());
     }
     /** Datepicker reference. */
     set datepicker(t) {
+      var e, i, o;
       this._datepicker = typeof t == "string" ? (
         // In case the value is a string, it should be treated as an id reference
         // and attempt to be resolved.
-        this.getRootNode?.()?.querySelector?.(`#${t}`) ?? null
-      ) : t, this.datePickerElement = this._datepicker;
+        ((o = (i = (e = this.getRootNode) == null ? void 0 : e.call(this)) == null ? void 0 : i.querySelector) == null ? void 0 : o.call(i, `#${t}`)) ?? null
+      ) : t;
     }
     get datepicker() {
       return this._datepicker ?? null;
     }
     /** The boundary date (min/max) as set in the date-picker's input. */
     get boundary() {
-      return k(this, n);
+      return _(this, n);
     }
     set boundary(t) {
-      o(this, n, t);
+      c(this, n, t);
     }
     connectedCallback() {
+      var e, i;
       super.connectedCallback();
-      const t = this.closest?.("sbb-form-field") ?? this.closest?.("[data-form-field]");
+      const t = ((e = this.closest) == null ? void 0 : e.call(this, "sbb-form-field")) ?? ((i = this.closest) == null ? void 0 : i.call(this, "[data-form-field]"));
       t && (this.negative = t.hasAttribute("negative"));
     }
     willUpdate(t) {
+      var o, p;
       if (super.willUpdate(t), !this.datepicker || !this._dateAdapter.isValid(this.datepicker.valueAsDate)) {
         this._disabled = !0, this.setAttribute("aria-label", this.i18nOffBoundaryDay[this._language.current]), this._setDisabledRenderAttributes();
         return;
       }
-      const a = this.findAvailableDate(this.datepicker.valueAsDate);
-      this._disabled = this._dateAdapter.compareDate(a, this.datepicker.valueAsDate) === 0, this._inputDisabled = (this.datepicker.inputElement?.disabled || this.datepicker.inputElement?.readOnly) ?? !0, this._setDisabledRenderAttributes();
-      const r = this._dateAdapter.compareDate(this.datepicker.now, this.datepicker.valueAsDate) === 0 ? C[this._language.current].toLowerCase() : this._dateAdapter.getAccessibilityFormatDate(this.datepicker.valueAsDate);
-      this.setAttribute("aria-label", this.i18nSelectOffBoundaryDay(r)[this._language.current]);
+      const e = this.findAvailableDate(this.datepicker.valueAsDate);
+      this._disabled = this._dateAdapter.compareDate(e, this.datepicker.valueAsDate) === 0, this._inputDisabled = (((o = this.datepicker.inputElement) == null ? void 0 : o.disabled) || ((p = this.datepicker.inputElement) == null ? void 0 : p.readOnly)) ?? !0, this._setDisabledRenderAttributes();
+      const i = this._dateAdapter.compareDate(this.datepicker.now, this.datepicker.valueAsDate) === 0 ? C[this._language.current].toLowerCase() : this._dateAdapter.getAccessibilityFormatDate(this.datepicker.valueAsDate);
+      this.setAttribute("aria-label", this.i18nSelectOffBoundaryDay(i)[this._language.current]);
     }
     _handleClick() {
       if (!this.datepicker || this.hasAttribute("data-disabled"))
         return;
-      const t = this.datepicker.valueAsDate ?? this.datepicker.now, a = this.findAvailableDate(t);
-      if (this._dateAdapter.compareDate(a, t) !== 0) {
-        const r = this.datepicker.inputElement;
-        x(r) ? (r.valueAsDate = a, r.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), r.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), r.dispatchEvent(new Event("blur", { composed: !0 }))) : this.datepicker.valueAsDate = a;
+      const t = this.datepicker.valueAsDate ?? this.datepicker.now, e = this.findAvailableDate(t);
+      if (this._dateAdapter.compareDate(e, t) !== 0) {
+        const i = this.datepicker.inputElement;
+        O(i) ? (i.valueAsDate = e, i.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), i.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), i.dispatchEvent(new Event("blur", { composed: !0 }))) : this.datepicker.valueAsDate = e;
       }
     }
     _setDisabledRenderAttributes() {
@@ -83,19 +75,17 @@ let M = (() => {
       this.toggleAttribute("data-disabled", t), t ? (this.setAttribute("aria-disabled", "true"), this.removeAttribute("tabindex")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0"));
     }
     renderTemplate() {
-      return g`<sbb-icon name=${this.iconName}></sbb-icon>`;
+      return D`<sbb-icon name=${this.iconName}></sbb-icon>`;
     }
   }, n = new WeakMap(), (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    s = [A({ attribute: "date-picker" })], l = [A({ attribute: "datepicker" })], h = [D()], c(d, null, s, { kind: "setter", name: "datePicker", static: !1, private: !1, access: { has: (a) => "datePicker" in a, set: (a, r) => {
-      a.datePicker = r;
-    } }, metadata: t }, null, i), c(d, null, l, { kind: "setter", name: "datepicker", static: !1, private: !1, access: { has: (a) => "datepicker" in a, set: (a, r) => {
-      a.datepicker = r;
-    } }, metadata: t }, null, i), c(d, null, h, { kind: "accessor", name: "boundary", static: !1, private: !1, access: { has: (a) => "boundary" in a, get: (a) => a.boundary, set: (a, r) => {
-      a.boundary = r;
-    } }, metadata: t }, p, b), t && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    r = [g({ attribute: "datepicker" })], l = [y()], k(d, null, r, { kind: "setter", name: "datepicker", static: !1, private: !1, access: { has: (e) => "datepicker" in e, set: (e, i) => {
+      e.datepicker = i;
+    } }, metadata: t }, null, s), k(d, null, l, { kind: "accessor", name: "boundary", static: !1, private: !1, access: { has: (e) => "boundary" in e, get: (e) => e.boundary, set: (e, i) => {
+      e.boundary = i;
+    } }, metadata: t }, b, h), t && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), d;
 })();
 export {
-  M as SbbDatepickerButton
+  V as SbbDatepickerButton
 };

package/datepicker/datepicker/datepicker.component.d.ts

@@ -1,26 +1,11 @@
 import { CSSResultGroup, LitElement, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
-import { SbbDateLike } from '../../core/interfaces.js';
 import { SbbDateInputElement } from '../../date-input.js';
-import { SbbDatepickerButton } from '../common.js';
-import { SbbDatepickerToggleElement } from '../datepicker-toggle.js';
 export interface SbbInputUpdateEvent {
     disabled?: boolean;
     readonly?: boolean;
     min?: string | number;
     max?: string | number;
 }
-/**
- * Given a SbbDatepickerPreviousDayElement, a SbbDatepickerNextDayElement or a SbbDatepickerToggleElement component,
- * it returns the related SbbDatepickerElement reference, if exists.
- * @param element The element potentially connected to the SbbDatepickerElement.
- * @param trigger The id or the reference of the SbbDatePicker.
- * @deprecated No longer in use. Will be removed with next major version.
- */
-export declare function getDatePicker<T = Date>(element: SbbDatepickerButton<T> | SbbDatepickerToggleElement<T>, trigger?: string | HTMLElement): SbbDatepickerElement<T> | null | undefined;
-/**
- * @deprecated No longer in use.
- */
-export declare const datepickerControlRegisteredEventFactory: () => CustomEvent;
 /**
  * Combined with a native input, it displays the input's value as a formatted date.
  *
@@ -56,16 +41,14 @@ export declare class SbbDatepickerElement<T = Date> extends LitElement {
     accessor input: string | HTMLElement | null;
     /**
      * A configured date which acts as the current date instead of the real current date.
-     * Recommended for testing purposes.
+     * Only recommended for testing purposes.
      */
-    set now(value: SbbDateLike<T> | null);
-    get now(): T;
-    private _now?;
+    accessor now: T;
     /**
      * The currently selected date as a Date or custom date provider instance.
      * @deprecated Use valueAsDate from SbbDateInputElement.
      */
-    set valueAsDate(value: SbbDateLike<T> | null);
+    set valueAsDate(value: T | null);
     get valueAsDate(): T | null;
     private _valueAsDate?;
     /** The resolved associated input element, as defined by `input`. */

package/datepicker/datepicker/datepicker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker/datepicker.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"datepicker.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker/datepicker.component.ts"],"names":[],"mappings":"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"}