@sbb-esta/lyne-elements 2.7.1 → 2.9.0

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

@@ -0,0 +1,75 @@
+import { LitElement, CSSResultGroup, PropertyDeclaration } from 'lit';
+import { FormRestoreReason, FormRestoreState } from '../core/mixins.js';
+import { SbbDatepickerElement } from '../datepicker.js';
+declare const SbbDateInputElement_base: import('../core/mixins.js').Constructor<import('../core/mixins.js').SbbFormAssociatedInputMixinType> & typeof LitElement;
+/**
+ * Custom input for a date.
+ */
+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
+     * formatted according to the current locale.
+     */
+    set value(value: string);
+    get value(): string;
+    set valueAsDate(value: T | null);
+    get valueAsDate(): T | null;
+    private _valueAsDate?;
+    accessor min: T | null;
+    accessor max: T | null;
+    /** A function used to filter out dates. */
+    set dateFilter(value: (date: T | null) => boolean);
+    get dateFilter(): (date: T | null) => boolean;
+    /**
+     * How to format the displayed date.
+     * `short`: Two letter abbreviation of the week day (e.g. Fr).
+     * `none`: The weekday is not displayed.
+     */
+    accessor weekdayStyle: 'short' | 'none';
+    /**
+     * Stores the last string and parsed date object value to prevent repeated
+     * parsing of the string value.
+     */
+    private _valueCache?;
+    private _dateAdapter;
+    private _placeholderMutable;
+    /**
+     * Gets the associated datepicker, if any.
+     * The sbb-date-input and the sbb-datepicker are assumed to be in the same parent container.
+     */
+    get datepicker(): SbbDatepickerElement<T> | null;
+    constructor();
+    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;
+    private _formatDate;
+    protected shouldValidate(name: PropertyKey | undefined): boolean;
+    protected validate(): void;
+    private _removeValidityErrors;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-date-input': SbbDateInputElement;
+    }
+    interface CustomValidityState {
+        sbbDateFilter: boolean;
+    }
+}
+export {};
+//# sourceMappingURL=date-input.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,155 @@
+var z = (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}}`;
+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 {
+    constructor() {
+      var e, t;
+      super();
+      f(this, h);
+      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 = ((e = G().datetime) == null ? void 0 : e.dateAdapter) ?? R, 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
+     * formatted according to the current locale.
+     */
+    set value(e) {
+      this._tryParseValue(e), !q && !this.matches(":focus") && this.valueAsDate !== null && (e = this._formatDate()), super.value = e;
+    }
+    get value() {
+      return super.value ?? "";
+    }
+    set valueAsDate(e) {
+      if (!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;
+        const t = this._formatDate();
+        this._valueCache = [t, this._valueAsDate], this.value = t;
+      }
+    }
+    get valueAsDate() {
+      return this._valueAsDate ?? null;
+    }
+    get min() {
+      return p(this, h);
+    }
+    set min(e) {
+      o(this, h, e);
+    }
+    get max() {
+      return p(this, u);
+    }
+    set max(e) {
+      o(this, u, e);
+    }
+    /** A function used to filter out dates. */
+    set dateFilter(e) {
+      this._dateFilter = e, this.datepicker && (this.datepicker.dateFilter = e);
+    }
+    get dateFilter() {
+      return this._dateFilter;
+    }
+    /**
+     * How to format the displayed date.
+     * `short`: Two letter abbreviation of the week day (e.g. Fr).
+     * `none`: The weekday is not displayed.
+     */
+    get weekdayStyle() {
+      return p(this, c);
+    }
+    set weekdayStyle(e) {
+      o(this, c, e);
+    }
+    /**
+     * Gets the associated datepicker, if any.
+     * The sbb-date-input and the sbb-datepicker are assumed to be in the same parent container.
+     */
+    get datepicker() {
+      return this.parentElement.querySelector("sbb-datepicker");
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.placeholder || (this._placeholderMutable = !0, this.placeholder = P[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);
+    }
+    updateFormValue() {
+      this._tryParseValue();
+      const e = this.valueAsDate !== null ? this._dateAdapter.toIso8601(this.valueAsDate) : null;
+      this.internals.setFormValue(e, this.value);
+    }
+    _tryParseValue(e = this.value) {
+      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) {
+        const e = this._formatDate();
+        this.value !== e && (super.value = e);
+      }
+    }
+    _formatDate() {
+      return this._dateAdapter.format(this.valueAsDate, { weekdayStyle: this.weekdayStyle });
+    }
+    shouldValidate(e) {
+      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();
+    }
+    _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;
+})();
+export {
+  se as SbbDateInputElement
+};

package/date-input.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './date-input/date-input.js';
+export * from './date-input/date-input.component.js';
 //# sourceMappingURL=date-input.d.ts.map

package/date-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../src/elements/date-input.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../src/elements/date-input.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC"}

package/date-input.js

@@ -1,4 +1,4 @@
-import { SbbDateInputElement as b } from "./date-input/date-input.js";
+import { SbbDateInputElement as b } from "./date-input/date-input.component.js";
 export {
   b as SbbDateInputElement
 };

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

@@ -1,5 +1,5 @@
 import { LitElement, ReactiveController } from 'lit';
-import { SbbDatepickerElement } from '../datepicker/datepicker.js';
+import { SbbDatepickerElement } from '../datepicker/datepicker.component.js';
 export interface SbbDatepickerControl<T> extends LitElement {
     datepicker: SbbDatepickerElement<T> | null;
 }

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,6BAA6B,CAAC;AAExE,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;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"}

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

@@ -0,0 +1,139 @@
+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.
+ *
+ * @event {CustomEvent<void>} change - Notifies that the connected input has changes.
+ * @event {CustomEvent<void>} input - Notifies that the connected input fired the input event.
+ * @event {CustomEvent<SbbInputUpdateEvent>} inputUpdated - Notifies that the attributes of the input connected to the datepicker have changes.
+ * @event {CustomEvent<void>} datePickerUpdated - Notifies that the attributes of the datepicker have changes.
+ * @event {CustomEvent<SbbValidationChangeEvent>} validationChange - Emits whenever the internal validation state changes.
+ */
+export declare class SbbDatepickerElement<T = Date> extends LitElement {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly change: "change";
+        readonly inputUpdated: "inputUpdated";
+        readonly datePickerUpdated: "datePickerUpdated";
+        readonly validationChange: "validationChange";
+    };
+    /** If set to true, two months are displayed. */
+    accessor wide: boolean;
+    /**
+     * A function used to filter out dates.
+     * @deprecated Use dateFilter from SbbDateInputElement.
+     */
+    set dateFilter(value: (date: T | null) => boolean);
+    get dateFilter(): (date: T | null) => boolean;
+    private _dateFilter?;
+    /**
+     * Reference of the sbb-date-input instance or the native input connected to the datepicker.
+     * If given a string, it will be treated as an id reference and an attempt is
+     * made to be resolved for the containing document fragment.
+     * If given a HTMLElement instance, it will be used as is.
+     */
+    accessor input: string | HTMLElement | null;
+    /**
+     * A configured date which acts as the current date instead of the real current date.
+     * Recommended for testing purposes.
+     */
+    set now(value: SbbDateLike<T> | null);
+    get now(): T;
+    private _now?;
+    /**
+     * The currently selected date as a Date or custom date provider instance.
+     * @deprecated Use valueAsDate from SbbDateInputElement.
+     */
+    set valueAsDate(value: SbbDateLike<T> | null);
+    get valueAsDate(): T | null;
+    private _valueAsDate?;
+    /** The resolved associated input element, as defined by `input`. */
+    get inputElement(): HTMLInputElement | SbbDateInputElement<T> | null;
+    private accessor _inputElement;
+    /** Notifies that the connected input has changes. */
+    private _change;
+    /** Notifies that the attributes of the input connected to the datepicker have changes. */
+    private _inputUpdated;
+    /** Notifies that the attributes of the datepicker have changes. */
+    private _datePickerUpdated;
+    /** Emits whenever the internal validation state changes. */
+    private _validationChange;
+    private _inputElementPlaceholderMutable;
+    private _inputAbortController;
+    private _inputIdReferenceController;
+    private _inputObserver;
+    private _dateAdapter;
+    private _language;
+    private _associationController;
+    connectedCallback(): void;
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    /**
+     * @internal
+     * Whether a custom now is configured.
+     */
+    hasCustomNow(): boolean;
+    private _configureInputElement;
+    private _emitInputUpdated;
+    private _handleInputChange;
+    private _tryApplyFormatToInput;
+    private _validateDate;
+    private _parseInput;
+    private _setAriaLiveMessage;
+    protected render(): TemplateResult;
+    /**
+     * Calculates the first available date before the given one,
+     * considering the SbbDatepickerElement `dateFilter` property and `min` parameter (e.g. from the self-named input's attribute).
+     * @param date The starting date for calculations.
+     */
+    findPreviousAvailableDate(date: T): T;
+    /**
+     * Calculates the first available date after the given one,
+     * considering the SbbDatepickerElement `dateFilter` property and `max` parameter (e.g. from the self-named input's attribute).
+     * @param date The starting date for calculations.
+     */
+    findNextAvailableDate(date: T): T;
+    /**
+     * Returns the first available date before or after a given one, considering the `dateFilter` property.
+     * @param date The starting date for calculations.
+     * @param delta The number of days to add/subtract from the starting one.
+     */
+    private _findAvailableDate;
+    /**
+     * Checks if valueAsDate is valid, considering the SbbDatepickerElement `dateFilter` property
+     * and `min` and `max` parameters (e.g. from the self-named input's attributes).
+     */
+    private _isDateAvailable;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-datepicker': SbbDatepickerElement;
+    }
+    interface GlobalEventHandlersEventMap {
+        inputUpdated: CustomEvent<SbbInputUpdateEvent>;
+    }
+}
+//# sourceMappingURL=datepicker.component.d.ts.map

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

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

package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts

@@ -0,0 +1,18 @@
+import { CSSResultGroup } from 'lit';
+import { SbbDatepickerButton } from '../common.js';
+/**
+ * Combined with a `sbb-datepicker`, it can be used to move the date ahead.
+ */
+export declare class SbbDatepickerNextDayElement<T = Date> extends SbbDatepickerButton<T> {
+    static styles: CSSResultGroup;
+    protected iconName: string;
+    protected i18nOffBoundaryDay: Record<string, string>;
+    protected i18nSelectOffBoundaryDay: (currentDate: string) => Record<string, string>;
+    protected findAvailableDate(date: T): T;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-datepicker-next-day': SbbDatepickerNextDayElement;
+    }
+}
+//# sourceMappingURL=datepicker-next-day.component.d.ts.map

package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-next-day.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-next-day/datepicker-next-day.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD;;GAEG;AACH,qBAKM,2BAA2B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA+B;IACzD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAe;IACnE,SAAS,CAAC,wBAAwB,kDAAqB;IAEvD,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}

package/datepicker/datepicker-next-day.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './datepicker-next-day/datepicker-next-day.js';
+export * from './datepicker-next-day/datepicker-next-day.component.js';
 //# sourceMappingURL=datepicker-next-day.d.ts.map

package/datepicker/datepicker-next-day.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-next-day.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker-next-day.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC"}
+{"version":3,"file":"datepicker-next-day.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker-next-day.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,wDAAwD,CAAC"}

package/datepicker/datepicker-next-day.js

@@ -1,4 +1,4 @@
-import { SbbDatepickerNextDayElement as r } from "./datepicker-next-day/datepicker-next-day.js";
+import { SbbDatepickerNextDayElement as r } from "./datepicker-next-day/datepicker-next-day.component.js";
 export {
   r as SbbDatepickerNextDayElement
 };

package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts

@@ -0,0 +1,18 @@
+import { CSSResultGroup } from 'lit';
+import { SbbDatepickerButton } from '../common.js';
+/**
+ * Combined with a `sbb-datepicker`, it can be used to move the date back.
+ */
+export declare class SbbDatepickerPreviousDayElement<T = Date> extends SbbDatepickerButton<T> {
+    static styles: CSSResultGroup;
+    protected iconName: string;
+    protected i18nOffBoundaryDay: Record<string, string>;
+    protected i18nSelectOffBoundaryDay: (currentDate: string) => Record<string, string>;
+    protected findAvailableDate(date: T): T;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-datepicker-previous-day': SbbDatepickerPreviousDayElement;
+    }
+}
+//# sourceMappingURL=datepicker-previous-day.component.d.ts.map

package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-previous-day.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-previous-day/datepicker-previous-day.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD;;GAEG;AACH,qBAKM,+BAA+B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC5E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA8B;IACxD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAmB;IACvE,SAAS,CAAC,wBAAwB,kDAAyB;IAE3D,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}

package/datepicker/datepicker-previous-day.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './datepicker-previous-day/datepicker-previous-day.js';
+export * from './datepicker-previous-day/datepicker-previous-day.component.js';
 //# sourceMappingURL=datepicker-previous-day.d.ts.map

package/datepicker/datepicker-previous-day.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-previous-day.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker-previous-day.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sDAAsD,CAAC"}
+{"version":3,"file":"datepicker-previous-day.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker-previous-day.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gEAAgE,CAAC"}

package/datepicker/datepicker-previous-day.js

@@ -1,4 +1,4 @@
-import { SbbDatepickerPreviousDayElement as o } from "./datepicker-previous-day/datepicker-previous-day.js";
+import { SbbDatepickerPreviousDayElement as o } from "./datepicker-previous-day/datepicker-previous-day.component.js";
 export {
   o as SbbDatepickerPreviousDayElement
 };

package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts

@@ -0,0 +1,49 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { CalendarView } from '../../calendar.js';
+import { SbbDatepickerControl } from '../common.js';
+import { SbbDatepickerElement } from '../datepicker.js';
+declare const SbbDatepickerToggleElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+/**
+ * Combined with a `sbb-datepicker`, it can be used to select a date from a `sbb-calendar`.
+ */
+export declare class SbbDatepickerToggleElement<T = Date> extends SbbDatepickerToggleElement_base implements SbbDatepickerControl<T> {
+    static styles: CSSResultGroup;
+    /**
+     * 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;
+    private _datepicker?;
+    /** The initial view of calendar which should be displayed on opening. */
+    accessor view: CalendarView;
+    private accessor _disabled;
+    private accessor _min;
+    private accessor _max;
+    private accessor _renderCalendar;
+    private _calendarElement;
+    private _language;
+    constructor();
+    /**
+     * Opens the calendar.
+     */
+    open(): void;
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private _configureCalendar;
+    private _assignCalendar;
+    private _nowOrNull;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-datepicker-toggle': SbbDatepickerToggleElement;
+    }
+}
+export {};
+//# sourceMappingURL=datepicker-toggle.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-toggle.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-toggle/datepicker-toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAkB,UAAU,EAAW,MAAM,KAAK,CAAC;AAI1D,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,mBAAmB,CAAC;AAM1E,OAAO,EAA6C,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,6BAA6B,CAAC;;AAMrC;;GAEG;AACH,qBAEM,0BAA0B,CAAC,CAAC,GAAG,IAAI,CACvC,SAAQ,+BACR,YAAW,oBAAoB,CAAC,CAAC,CAAC;IAElC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;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,EAK1D;IACD,IAAW,UAAU,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtD;IACD,OAAO,CAAC,WAAW,CAAC,CAAiC;IAErD,yEAAyE;IACzE,SAA4B,IAAI,EAAE,YAAY,CAAS;IAE9C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IAEnC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAgD;IAErE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAgD;IAErE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAS;IAElD,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,SAAS,CAAmC;;IAepD;;OAEG;IACI,IAAI,IAAI,IAAI;IAIH,iBAAiB,IAAI,IAAI;cAStB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAmB5E,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,UAAU;cAIC,MAAM,IAAI,cAAc;CAoD5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/datepicker/datepicker-toggle.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './datepicker-toggle/datepicker-toggle.js';
+export * from './datepicker-toggle/datepicker-toggle.component.js';
 //# sourceMappingURL=datepicker-toggle.d.ts.map

package/datepicker/datepicker-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-toggle.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker-toggle.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0CAA0C,CAAC"}
+{"version":3,"file":"datepicker-toggle.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker-toggle.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oDAAoD,CAAC"}

package/datepicker/datepicker-toggle.js

@@ -1,4 +1,4 @@
-import { SbbDatepickerToggleElement as r } from "./datepicker-toggle/datepicker-toggle.js";
+import { SbbDatepickerToggleElement as r } from "./datepicker-toggle/datepicker-toggle.component.js";
 export {
   r as SbbDatepickerToggleElement
 };

package/datepicker/datepicker.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './datepicker/datepicker.js';
+export * from './datepicker/datepicker.component.js';
 //# sourceMappingURL=datepicker.d.ts.map

package/datepicker/datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC"}

package/datepicker/datepicker.js

@@ -1,4 +1,4 @@
-import { SbbDatepickerElement as r, datepickerControlRegisteredEventFactory as o, getDatePicker as a } from "./datepicker/datepicker.js";
+import { SbbDatepickerElement as r, datepickerControlRegisteredEventFactory as o, getDatePicker as a } from "./datepicker/datepicker.component.js";
 export {
   r as SbbDatepickerElement,
   o as datepickerControlRegisteredEventFactory,

package/datepicker.js

@@ -1,7 +1,7 @@
-import { SbbDatepickerElement as r, datepickerControlRegisteredEventFactory as o, getDatePicker as i } from "./datepicker/datepicker/datepicker.js";
-import { SbbDatepickerNextDayElement as b } from "./datepicker/datepicker-next-day/datepicker-next-day.js";
-import { SbbDatepickerPreviousDayElement as c } from "./datepicker/datepicker-previous-day/datepicker-previous-day.js";
-import { SbbDatepickerToggleElement as l } from "./datepicker/datepicker-toggle/datepicker-toggle.js";
+import { SbbDatepickerElement as r, datepickerControlRegisteredEventFactory as o, getDatePicker as i } from "./datepicker/datepicker/datepicker.component.js";
+import { SbbDatepickerNextDayElement as b } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
+import { SbbDatepickerPreviousDayElement as c } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
+import { SbbDatepickerToggleElement as l } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
 import { SbbDatepickerButton as D } from "./datepicker/common/datepicker-button.js";
 import { SbbDatepickerAssociationControlController as s, SbbDatepickerAssociationHostController as x } from "./datepicker/common/datepicker-association-controllers.js";
 export {