@sbb-esta/lyne-elements 1.2.0 → 1.3.0

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

@@ -4,16 +4,16 @@ import { DateAdapter } from '../../core/datetime.js';
 import { SbbDatepickerElement, SbbInputUpdateEvent } from '../datepicker.js';
 
 declare const SbbDatepickerButton_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbButtonBaseElement;
-export declare abstract class SbbDatepickerButton extends SbbDatepickerButton_base {
+export declare abstract class SbbDatepickerButton<T = Date> extends SbbDatepickerButton_base {
     /** Datepicker reference. */
-    datePicker?: string | SbbDatepickerElement;
+    datePicker?: string | SbbDatepickerElement<T>;
     /** The boundary date (min/max) as set in the date-picker's input. */
     protected boundary: string | number | null;
     /** Whether the component is disabled due date equals to boundary date. */
     private _disabled;
     /** Whether the component is disabled due date-picker's input disabled. */
     private _inputDisabled;
-    protected datePickerElement?: SbbDatepickerElement | null;
+    protected datePickerElement?: SbbDatepickerElement<T> | null;
     private _dateAdapter;
     private _datePickerController;
     private _abort;
@@ -21,12 +21,12 @@ export declare abstract class SbbDatepickerButton extends SbbDatepickerButton_ba
     protected abstract iconName: string;
     protected abstract i18nOffBoundaryDay: Record<string, string>;
     protected abstract i18nSelectOffBoundaryDay: (_currentDate: string) => Record<string, string>;
-    protected abstract findAvailableDate: (_date: Date, _dateFilter: ((date: Date) => boolean) | null, _dateAdapter: DateAdapter<Date>, _boundary: string | number | null) => Date;
+    protected abstract findAvailableDate: (_date: T, _dateFilter: ((date: T) => boolean) | null, _dateAdapter: DateAdapter<T>, _boundary: string | number | null) => T;
     protected abstract onInputUpdated(event: CustomEvent<SbbInputUpdateEvent>): void;
     connectedCallback(): void;
     willUpdate(changedProperties: PropertyValues<this>): void;
     disconnectedCallback(): void;
-    protected setDisabledState(datepicker: SbbDatepickerElement | null | undefined): void;
+    protected setDisabledState(datepicker: SbbDatepickerElement<T> | null | undefined): void;
     private _handleClick;
     private _syncUpstreamProperties;
     private _init;

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;AAEnE,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,wBAAwB,CAAC;AAG9E,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;;AAEvB,8BAAsB,mBAAoB,SAAQ,wBAAsC;IACtF,4BAA4B;IACmB,UAAU,CAAC,EAAE,MAAM,GAAG,oBAAoB,CAAC;IAE1F,qEAAqE;IAC5D,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAE3D,0EAA0E;IAC1E,OAAO,CAAC,SAAS,CAAS;IAE1B,0EAA0E;IAC1E,OAAO,CAAC,cAAc,CAAS;IAE/B,SAAS,CAAC,iBAAiB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IACjE,OAAO,CAAC,YAAY,CAAyC;IAC7D,OAAO,CAAC,qBAAqB,CAAmB;IAChD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAA2E;IAE5F,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;IAC9F,SAAS,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CACpC,KAAK,EAAE,IAAI,EACX,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,EAC7C,YAAY,EAAE,WAAW,CAAC,IAAI,CAAC,EAC/B,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAC9B,IAAI,CAAC;IACV,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAEhE,iBAAiB,IAAI,IAAI;IASzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQzD,oBAAoB,IAAI,IAAI;IAK5C,SAAS,CAAC,gBAAgB,CAAC,UAAU,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;IAmBrF,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,uBAAuB;IAiB/B,OAAO,CAAC,KAAK;IA+Cb,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,4BAA4B;cAajB,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;AAGnE,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,wBAAwB,CAAC;AAG9E,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,eAAe,CAAC;;AAEvB,8BAAsB,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,wBAAsC;IAChG,4BAA4B;IACmB,UAAU,CAAC,EAAE,MAAM,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAE7F,qEAAqE;IAC5D,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAE3D,0EAA0E;IAC1E,OAAO,CAAC,SAAS,CAAS;IAE1B,0EAA0E;IAC1E,OAAO,CAAC,cAAc,CAAS;IAE/B,SAAS,CAAC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAQ;IACpE,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,qBAAqB,CAAmB;IAChD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAA2E;IAE5F,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;IAC9F,SAAS,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CACpC,KAAK,EAAE,CAAC,EACR,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,EAC1C,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,EAC5B,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAC9B,CAAC,CAAC;IACP,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAEhE,iBAAiB,IAAI,IAAI;IASzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQzD,oBAAoB,IAAI,IAAI;IAK5C,SAAS,CAAC,gBAAgB,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;IAmBxF,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,uBAAuB;IAiB/B,OAAO,CAAC,KAAK;IA+Cb,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,4BAA4B;cAajB,cAAc,IAAI,cAAc;CAGpD"}

package/datepicker/common.js

@@ -1,20 +1,22 @@
 import { html as o } from "lit";
 import { property as h, state as b } from "lit/decorators.js";
-import { SbbButtonBaseElement as u } from "../core/base-elements.js";
-import { SbbConnectedAbortController as c, SbbLanguageController as _ } from "../core/controllers.js";
-import { defaultDateAdapter as m } from "../core/datetime.js";
-import { i18nToday as p } from "../core/i18n.js";
-import { SbbNegativeMixin as A } from "../core/mixins.js";
-import { getDatePicker as g, datepickerControlRegisteredEventFactory as f } from "./datepicker.js";
+import { SbbButtonBaseElement as c } from "../core/base-elements.js";
+import { readConfig as u } from "../core/config.js";
+import { SbbConnectedAbortController as m, SbbLanguageController as p } from "../core/controllers.js";
+import { defaultDateAdapter as _ } from "../core/datetime.js";
+import { i18nToday as A } from "../core/i18n.js";
+import { SbbNegativeMixin as f } from "../core/mixins.js";
+import { getDatePicker as g, datepickerControlRegisteredEventFactory as D } from "./datepicker.js";
 import "../icon.js";
-var D = Object.defineProperty, l = (r, t, i, a) => {
-  for (var e = void 0, s = r.length - 1, n; s >= 0; s--)
-    (n = r[s]) && (e = n(t, i, e) || e);
-  return e && D(t, i, e), e;
+var P = Object.defineProperty, l = (s, t, i, a) => {
+  for (var e = void 0, r = s.length - 1, n; r >= 0; r--)
+    (n = s[r]) && (e = n(t, i, e) || e);
+  return e && P(t, i, e), e;
 };
-class d extends A(u) {
+class d extends f(c) {
   constructor() {
-    super(...arguments), this.boundary = null, this._disabled = !1, this._inputDisabled = !1, this.datePickerElement = null, this._dateAdapter = m, this._abort = new c(this), this._language = new _(this).withHandler(() => this._setAriaLabel());
+    var t;
+    super(...arguments), this.boundary = null, this._disabled = !1, this._inputDisabled = !1, this.datePickerElement = null, this._dateAdapter = ((t = u().datetime) == null ? void 0 : t.dateAdapter) ?? _, this._abort = new m(this), this._language = new p(this).withHandler(() => this._setAriaLabel());
   }
   connectedCallback() {
     super.connectedCallback(), this.addEventListener("click", () => this._handleClick(), { signal: this._abort.signal }), this._syncUpstreamProperties(), this.datePicker || this._init();
@@ -27,8 +29,7 @@ class d extends A(u) {
     super.disconnectedCallback(), (t = this._datePickerController) == null || t.abort();
   }
   setDisabledState(t) {
-    var e;
-    const i = (e = t == null ? void 0 : t.getValueAsDate) == null ? void 0 : e.call(t);
+    const i = t == null ? void 0 : t.valueAsDate;
     if (!i) {
       this._disabled = !0, this._setDisabledRenderAttributes(!0);
       return;
@@ -44,13 +45,13 @@ class d extends A(u) {
   _handleClick() {
     if (!this.datePickerElement || this.hasAttribute("data-disabled"))
       return;
-    const t = this.datePickerElement.getValueAsDate() ?? this.datePickerElement.now, i = this.findAvailableDate(
+    const t = this.datePickerElement.valueAsDate ?? this.datePickerElement.now, i = this.findAvailableDate(
       t,
       this.datePickerElement.dateFilter,
       this._dateAdapter,
       this.boundary
     );
-    this._dateAdapter.compareDate(i, t) !== 0 && this.datePickerElement.setValueAsDate(i);
+    this._dateAdapter.compareDate(i, t) !== 0 && (this.datePickerElement.valueAsDate = i);
   }
   _syncUpstreamProperties() {
     var i, a;
@@ -89,16 +90,16 @@ class d extends A(u) {
         this._inputDisabled = !!(e.detail.disabled || e.detail.readonly), this._setDisabledRenderAttributes(), this._setAriaLabel(), this.onInputUpdated(e);
       },
       { signal: this._datePickerController.signal }
-    ), this.datePickerElement.dispatchEvent(f());
+    ), this.datePickerElement.dispatchEvent(D());
   }
   _setAriaLabel() {
-    var a, e, s;
-    const t = (e = (a = this.datePickerElement) == null ? void 0 : a.getValueAsDate) == null ? void 0 : e.call(a);
+    var a;
+    const t = (a = this.datePickerElement) == null ? void 0 : a.valueAsDate;
     if (!t || !this._dateAdapter.isValid(t)) {
       this.setAttribute("aria-label", this.i18nOffBoundaryDay[this._language.current]);
       return;
     }
-    const i = ((s = this.datePickerElement) == null ? void 0 : s.now.toDateString()) === t.toDateString() ? p[this._language.current].toLowerCase() : this._dateAdapter.getAccessibilityFormatDate(t);
+    const i = this.datePickerElement && this._dateAdapter.compareDate(this.datePickerElement.now, t) === 0 ? A[this._language.current].toLowerCase() : this._dateAdapter.getAccessibilityFormatDate(t);
     this.setAttribute(
       "aria-label",
       this.i18nSelectOffBoundaryDay(i)[this._language.current]

package/datepicker/datepicker/datepicker.d.ts

@@ -16,15 +16,17 @@ export interface SbbInputUpdateEvent {
  * @param element The element potentially connected to the SbbDatepickerElement.
  * @param trigger The id or the reference of the SbbDatePicker.
  */
-export declare function getDatePicker(element: SbbDatepickerButton | SbbDatepickerToggleElement, trigger?: string | HTMLElement): SbbDatepickerElement | null | undefined;
+export declare function getDatePicker<T = Date>(element: SbbDatepickerButton<T> | SbbDatepickerToggleElement<T>, trigger?: string | HTMLElement): SbbDatepickerElement<T> | null | undefined;
 /**
  * Returns the first available date before or after a given one, considering the SbbDatepickerElement `dateFilter` property.
  * @param date The starting date for calculations.
  * @param delta The number of days to add/subtract from the starting one.
  * @param dateFilter The dateFilter function from the SbbDatepickerElement.
  * @param dateAdapter The adapter class.
+ *
+ * @deprecated Not intended as public API.
  */
-export declare function getAvailableDate(date: Date, delta: number, dateFilter: ((date: Date) => boolean) | null, dateAdapter: DateAdapter<Date>): Date;
+export declare function getAvailableDate<T = Date>(date: T, delta: number, dateFilter: ((date: T) => boolean) | null, dateAdapter: DateAdapter<T>): T;
 /**
  * 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).
@@ -32,8 +34,10 @@ export declare function getAvailableDate(date: Date, delta: number, dateFilter:
  * @param dateFilter The dateFilter function from the SbbDatepickerElement.
  * @param dateAdapter The adapter class.
  * @param min The minimum value to consider in calculations.
+ *
+ * @deprecated Not intended as public API.
  */
-export declare function findPreviousAvailableDate(date: Date, dateFilter: ((date: Date) => boolean) | null, dateAdapter: DateAdapter<Date>, min: string | number | null): Date;
+export declare function findPreviousAvailableDate<T = Date>(date: T, dateFilter: ((date: T) => boolean) | null, dateAdapter: DateAdapter<T>, min: string | number | null): 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).
@@ -41,8 +45,10 @@ export declare function findPreviousAvailableDate(date: Date, dateFilter: ((date
  * @param dateFilter The dateFilter function from the SbbDatepickerElement.
  * @param dateAdapter The adapter class.
  * @param max The maximum value to consider in calculations.
+ *
+ * @deprecated Not intended as public API.
  */
-export declare function findNextAvailableDate(date: Date, dateFilter: ((date: Date) => boolean) | null, dateAdapter: DateAdapter<Date>, max: string | number | null): Date;
+export declare function findNextAvailableDate<T = Date>(date: T, dateFilter: ((date: T) => boolean) | null, dateAdapter: DateAdapter<T>, max: string | number | null): T;
 /**
  * Checks if the provided date is a valid one, considering the SbbDatepickerElement `dateFilter` property
  * and `min` and `max` parameters (e.g. from the self-named input's attributes).
@@ -50,8 +56,10 @@ export declare function findNextAvailableDate(date: Date, dateFilter: ((date: Da
  * @param dateFilter The dateFilter function from the SbbDatepickerElement.
  * @param min The minimum value to consider in calculations.
  * @param max The maximum value to consider in calculations.
+ *
+ * @deprecated Not intended as public API.
  */
-export declare function isDateAvailable(date: Date, dateFilter: ((date: Date) => boolean) | null, min: string | number | null | undefined, max: string | number | null | undefined): boolean;
+export declare function isDateAvailable<T = Date>(date: T, dateFilter: ((date: T) => boolean) | null, min: string | number | null | undefined, max: string | number | null | undefined): boolean;
 export declare const datepickerControlRegisteredEventFactory: () => CustomEvent;
 /**
  * Combined with a native input, it displays the input's value as a formatted date.
@@ -62,7 +70,7 @@ export declare const datepickerControlRegisteredEventFactory: () => CustomEvent;
  * @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 extends LitElement {
+export declare class SbbDatepickerElement<T = Date> extends LitElement {
     static styles: CSSResultGroup;
     static readonly events: {
         readonly didChange: "didChange";
@@ -74,17 +82,27 @@ export declare class SbbDatepickerElement extends LitElement {
     /** If set to true, two months are displayed. */
     wide: boolean;
     /** A function used to filter out dates. */
-    dateFilter: (date: Date | null) => boolean;
-    /** A function used to parse string value into dates. */
-    dateParser?: (value: string) => Date | undefined;
-    /** A function used to format dates into the preferred string format. */
-    format?: (date: Date) => string;
+    dateFilter: (date: T | null) => boolean;
+    /**
+     * A function used to parse string value into dates.
+     * @deprecated No longer required.
+     */
+    dateParser?: (value: string) => T | undefined;
+    /**
+     * A function used to format dates into the preferred string format.
+     * @deprecated No longer required.
+     */
+    format?: (date: T) => string;
     /** Reference of the native input connected to the datepicker. */
     input?: string | HTMLElement;
     /** A configured date which acts as the current date instead of the real current date. Recommended for testing purposes. */
-    set now(value: SbbDateLike | undefined);
-    get now(): Date;
-    private _now;
+    set now(value: SbbDateLike<T> | undefined);
+    get now(): T;
+    private _now?;
+    /** The currently selected date as a Date or custom date provider instance. */
+    set valueAsDate(value: SbbDateLike<T> | null);
+    get valueAsDate(): T | null;
+    private _valueAsDate?;
     /**
      * @deprecated only used for React. Will probably be removed once React 19 is available.
      */
@@ -97,21 +115,8 @@ export declare class SbbDatepickerElement extends LitElement {
     private _datePickerUpdated;
     /** Emits whenever the internal validation state changes. */
     private _validationChange;
-    private get _inputElement();
-    private set _inputElement(value);
-    private _inputElementState;
-    private _findInput;
-    private _registerInputElement;
-    /** Gets the input value with the correct date format. */
-    getValueAsDate(): Date | undefined;
-    /** Set the input value to the correctly formatted value. */
-    setValueAsDate(date: SbbDateLike): void;
-    /**
-     * @internal
-     * Whether a custom now is configured.
-     */
-    hasCustomNow(): boolean;
-    private _onInputPropertiesChange;
+    private _inputElement;
+    private _inputElementPlaceholderMutable;
     private _datePickerController;
     private _inputObserver;
     private _dateAdapter;
@@ -121,15 +126,27 @@ export declare class SbbDatepickerElement extends LitElement {
     willUpdate(changedProperties: PropertyValues<this>): void;
     disconnectedCallback(): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;
-    private _parseAndFormatValue;
-    private _createAndComposeDate;
-    private _valueChanged;
-    /** Applies the correct format to values and triggers event dispatch. */
-    private _formatAndUpdateValue;
-    /** Emits the change event. */
-    private _emitChange;
-    private _getValidValue;
-    private _parse;
+    /**
+     * Gets the input value with the correct date format.
+     * @deprecated Use property valueAsDate instead.
+     */
+    getValueAsDate(): T | undefined;
+    /**
+     * Set the input value to the correctly formatted value.
+     * @deprecated Use property valueAsDate instead.
+     */
+    setValueAsDate(date: SbbDateLike<T>): void;
+    /**
+     * @internal
+     * Whether a custom now is configured.
+     */
+    hasCustomNow(): boolean;
+    private _attachInput;
+    private _emitInputUpdated;
+    private _handleInputChange;
+    private _tryApplyFormatToInput;
+    private _validateDate;
+    private _parseInput;
     private _format;
     private _setAriaLiveMessage;
     protected render(): TemplateResult;

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

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

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

@@ -5,7 +5,7 @@ import { findNextAvailableDate, SbbInputUpdateEvent } from '../datepicker.js';
 /**
  * Combined with a `sbb-datepicker`, it can be used to move the date ahead.
  */
-export declare class SbbDatepickerNextDayElement extends SbbDatepickerButton {
+export declare class SbbDatepickerNextDayElement<T = Date> extends SbbDatepickerButton<T> {
     static styles: CSSResultGroup;
     protected iconName: string;
     protected i18nOffBoundaryDay: Record<string, string>;

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker-next-day.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-next-day/datepicker-next-day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,OAAO,eAAe,CAAC;AAGvB;;GAEG;AACH,qBAIa,2BAA4B,SAAQ,mBAAmB;IAClE,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;IACvD,SAAS,CAAC,iBAAiB,+BAAyB;IAEpD,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;CAMxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}
+{"version":3,"file":"datepicker-next-day.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-next-day/datepicker-next-day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,OAAO,eAAe,CAAC;AAGvB;;GAEG;AACH,qBAIa,2BAA2B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC/E,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;IACvD,SAAS,CAAC,iBAAiB,+BAAyB;IAEpD,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;CAMxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}

package/datepicker/datepicker-next-day.js

@@ -1,31 +1,31 @@
 import { customElement as i } from "lit/decorators.js";
-import { hostAttributes as l } from "../core/decorators.js";
-import { i18nNextDay as d, i18nSelectNextDay as c } from "../core/i18n.js";
+import { hostAttributes as d } from "../core/decorators.js";
+import { i18nNextDay as l, i18nSelectNextDay as c } from "../core/i18n.js";
 import { SbbDatepickerButton as u } from "./common.js";
 import { findNextAvailableDate as v } from "./datepicker.js";
 import "../icon.js";
 import { css as h } from "lit";
-const f = h`*,:before,:after{box-sizing:border-box}:host{display:flex;outline:none!important}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-default-border: var(--sbb-color-black-alpha-0);--sbb-button-color-default-text: var(--sbb-color-charcoal);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-charcoal);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-style: solid;--sbb-button-border-disabled-style: dashed;--sbb-button-border-width: 0rem;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing);--sbb-button-inset: 0}@media (forced-colors: active){:host{--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-default-border: CanvasText !important;--sbb-button-color-active-text: ButtonText !important;--sbb-button-color-active-border: Highlight !important;--sbb-button-color-hover-text: ButtonText !important}}:host .sbb-datepicker-next-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-default-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-next-day:before{position:absolute;content:"";inset:var(--sbb-button-inset);border:var(--sbb-button-border-width) var(--sbb-button-border-style) var(--sbb-button-color-default-border);border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color,border-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-default-border: var(--sbb-color-black-alpha-0);--sbb-button-color-default-text: var(--sbb-color-milk);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-milk);--sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],[data-disabled])){--sbb-button-border-width: var(--sbb-border-width-1x)}@media (forced-colors: active){:host(:is([disabled],[data-disabled])){--sbb-button-color-disabled-text: GrayText !important}}:host(:is([disabled],[data-disabled])) .sbb-datepicker-next-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled])) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-disabled-background);border-color:var(--sbb-button-color-disabled-border);border-style:var(--sbb-button-border-disabled-style)}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-datepicker-next-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (forced-colors: active){:host(:not([disabled],[data-disabled],:active,[data-active]):hover){--sbb-button-color-hover-border: Highlight !important}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover) .sbb-datepicker-next-day:before{inset:calc(var(--sbb-button-border-width) * -1);background-color:var(--sbb-button-color-hover-background);border-color:var(--sbb-button-color-hover-border)}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover) .sbb-datepicker-next-day{color:var(--sbb-button-color-hover-text)}}:host(:not([disabled],[data-disabled]):is(:active,[data-active])) .sbb-datepicker-next-day:before{color:var(--sbb-button-color-active-text);background-color:var(--sbb-button-color-active-background);border-color:var(--sbb-button-color-active-border)}.sbb-datepicker-next-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
-var m = Object.defineProperty, p = Object.getOwnPropertyDescriptor, x = (t, b, a, r) => {
-  for (var o = r > 1 ? void 0 : r ? p(b, a) : b, e = t.length - 1, s; e >= 0; e--)
-    (s = t[e]) && (o = (r ? s(b, a, o) : s(o)) || o);
-  return r && o && m(b, a, o), o;
+const f = h`*,:before,:after{box-sizing:border-box}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-datepicker-next-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-next-day:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],[data-disabled])) .sbb-datepicker-next-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled])) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-datepicker-next-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],[data-disabled]):is(:active,[data-active])) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-active-background)}.sbb-datepicker-next-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
+var p = Object.defineProperty, m = Object.getOwnPropertyDescriptor, g = (o, b, a, r) => {
+  for (var t = r > 1 ? void 0 : r ? m(b, a) : b, e = o.length - 1, n; e >= 0; e--)
+    (n = o[e]) && (t = (r ? n(b, a, t) : n(t)) || t);
+  return r && t && p(b, a, t), t;
 };
-let n = class extends u {
+let s = class extends u {
   constructor() {
-    super(...arguments), this.iconName = "chevron-small-right-small", this.i18nOffBoundaryDay = d, this.i18nSelectOffBoundaryDay = c, this.findAvailableDate = v;
+    super(...arguments), this.iconName = "chevron-small-right-small", this.i18nOffBoundaryDay = l, this.i18nSelectOffBoundaryDay = c, this.findAvailableDate = v;
   }
-  onInputUpdated(t) {
-    this.boundary !== t.detail.max && (this.boundary = t.detail.max, this.setDisabledState(this.datePickerElement));
+  onInputUpdated(o) {
+    this.boundary !== o.detail.max && (this.boundary = o.detail.max, this.setDisabledState(this.datePickerElement));
   }
 };
-n.styles = f;
-n = x([
+s.styles = f;
+s = g([
   i("sbb-datepicker-next-day"),
-  l({
+  d({
     slot: "suffix"
   })
-], n);
+], s);
 export {
-  n as SbbDatepickerNextDayElement
+  s as SbbDatepickerNextDayElement
 };

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

@@ -5,7 +5,7 @@ import { findPreviousAvailableDate, SbbInputUpdateEvent } from '../datepicker.js
 /**
  * Combined with a `sbb-datepicker`, it can be used to move the date back.
  */
-export declare class SbbDatepickerPreviousDayElement extends SbbDatepickerButton {
+export declare class SbbDatepickerPreviousDayElement<T = Date> extends SbbDatepickerButton<T> {
     static styles: CSSResultGroup;
     protected iconName: string;
     protected i18nOffBoundaryDay: Record<string, string>;

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker-previous-day.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-previous-day/datepicker-previous-day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvF,OAAO,eAAe,CAAC;AAIvB;;GAEG;AACH,qBAIa,+BAAgC,SAAQ,mBAAmB;IACtE,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;IAC3D,SAAS,CAAC,iBAAiB,mCAA6B;IAExD,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;CAMxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}
+{"version":3,"file":"datepicker-previous-day.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-previous-day/datepicker-previous-day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvF,OAAO,eAAe,CAAC;AAIvB;;GAEG;AACH,qBAIa,+BAA+B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACnF,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;IAC3D,SAAS,CAAC,iBAAiB,mCAA6B;IAExD,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;CAMxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}

package/datepicker/datepicker-previous-day.js

@@ -1,31 +1,31 @@
 import { customElement as n } from "lit/decorators.js";
-import { hostAttributes as l } from "../core/decorators.js";
-import { i18nPreviousDay as d, i18nSelectPreviousDay as c } from "../core/i18n.js";
+import { hostAttributes as d } from "../core/decorators.js";
+import { i18nPreviousDay as l, i18nSelectPreviousDay as c } from "../core/i18n.js";
 import { SbbDatepickerButton as u } from "./common.js";
 import { findPreviousAvailableDate as v } from "./datepicker.js";
 import "../icon.js";
-import { css as h } from "lit";
-const p = h`*,:before,:after{box-sizing:border-box}:host{display:flex;outline:none!important}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-default-border: var(--sbb-color-black-alpha-0);--sbb-button-color-default-text: var(--sbb-color-charcoal);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-charcoal);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-style: solid;--sbb-button-border-disabled-style: dashed;--sbb-button-border-width: 0rem;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing);--sbb-button-inset: 0}@media (forced-colors: active){:host{--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-default-border: CanvasText !important;--sbb-button-color-active-text: ButtonText !important;--sbb-button-color-active-border: Highlight !important;--sbb-button-color-hover-text: ButtonText !important}}:host .sbb-datepicker-previous-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-default-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-previous-day:before{position:absolute;content:"";inset:var(--sbb-button-inset);border:var(--sbb-button-border-width) var(--sbb-button-border-style) var(--sbb-button-color-default-border);border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color,border-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-default-border: var(--sbb-color-black-alpha-0);--sbb-button-color-default-text: var(--sbb-color-milk);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-milk);--sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],[data-disabled])){--sbb-button-border-width: var(--sbb-border-width-1x)}@media (forced-colors: active){:host(:is([disabled],[data-disabled])){--sbb-button-color-disabled-text: GrayText !important}}:host(:is([disabled],[data-disabled])) .sbb-datepicker-previous-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled])) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-disabled-background);border-color:var(--sbb-button-color-disabled-border);border-style:var(--sbb-button-border-disabled-style)}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-datepicker-previous-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (forced-colors: active){:host(:not([disabled],[data-disabled],:active,[data-active]):hover){--sbb-button-color-hover-border: Highlight !important}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover) .sbb-datepicker-previous-day:before{inset:calc(var(--sbb-button-border-width) * -1);background-color:var(--sbb-button-color-hover-background);border-color:var(--sbb-button-color-hover-border)}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover) .sbb-datepicker-previous-day{color:var(--sbb-button-color-hover-text)}}:host(:not([disabled],[data-disabled]):is(:active,[data-active])) .sbb-datepicker-previous-day:before{color:var(--sbb-button-color-active-text);background-color:var(--sbb-button-color-active-background);border-color:var(--sbb-button-color-active-border)}.sbb-datepicker-previous-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, k = (t, r, a, b) => {
-  for (var o = b > 1 ? void 0 : b ? m(r, a) : r, e = t.length - 1, s; e >= 0; e--)
-    (s = t[e]) && (o = (b ? s(r, a, o) : s(o)) || o);
+import { css as p } from "lit";
+const h = p`*,:before,:after{box-sizing:border-box}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-datepicker-previous-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-previous-day:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],[data-disabled])) .sbb-datepicker-previous-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled])) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-datepicker-previous-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],:active,[data-active]):hover) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],[data-disabled]):is(:active,[data-active])) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-active-background)}.sbb-datepicker-previous-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
+var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, g = (t, r, a, b) => {
+  for (var o = b > 1 ? void 0 : b ? m(r, a) : r, e = t.length - 1, i; e >= 0; e--)
+    (i = t[e]) && (o = (b ? i(r, a, o) : i(o)) || o);
   return b && o && f(r, a, o), o;
 };
-let i = class extends u {
+let s = class extends u {
   constructor() {
-    super(...arguments), this.iconName = "chevron-small-left-small", this.i18nOffBoundaryDay = d, this.i18nSelectOffBoundaryDay = c, this.findAvailableDate = v;
+    super(...arguments), this.iconName = "chevron-small-left-small", this.i18nOffBoundaryDay = l, this.i18nSelectOffBoundaryDay = c, this.findAvailableDate = v;
   }
   onInputUpdated(t) {
     this.boundary !== t.detail.min && (this.boundary = t.detail.min, this.setDisabledState(this.datePickerElement));
   }
 };
-i.styles = p;
-i = k([
+s.styles = h;
+s = g([
   n("sbb-datepicker-previous-day"),
-  l({
+  d({
     slot: "prefix"
   })
-], i);
+], s);
 export {
-  i as SbbDatepickerPreviousDayElement
+  s as SbbDatepickerPreviousDayElement
 };

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

@@ -5,7 +5,7 @@ declare const SbbDatepickerToggleElement_base: import('../../core/mixins.js').Ab
 /**
  * Combined with a `sbb-datepicker`, it can be used to select a date from a `sbb-calendar`.
  */
-export declare class SbbDatepickerToggleElement extends SbbDatepickerToggleElement_base {
+export declare class SbbDatepickerToggleElement<T = Date> extends SbbDatepickerToggleElement_base {
     static styles: CSSResultGroup;
     /** Datepicker reference. */
     datePicker?: string | SbbDatepickerElement;

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker-toggle.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-toggle/datepicker-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAkB,UAAU,EAAW,MAAM,KAAK,CAAC;AAW1D,OAAO,KAAK,EAAE,oBAAoB,EAAuB,MAAM,kBAAkB,CAAC;AAKlF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;;AAE1B;;GAEG;AACH,qBAIa,0BAA2B,SAAQ,+BAA+C;IAC7F,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4BAA4B;IACmB,UAAU,CAAC,EAAE,MAAM,GAAG,oBAAoB,CAAC;IAEjF,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,IAAI,CAA4C;IAExD,OAAO,CAAC,IAAI,CAA4C;IAExD,OAAO,CAAC,eAAe,CAAS;IAEzC,OAAO,CAAC,kBAAkB,CAA0C;IAEpE,OAAO,CAAC,gBAAgB,CAAsB;IAE9C,OAAO,CAAC,eAAe,CAA4B;IAEnD,OAAO,CAAC,eAAe,CAAqB;IAE5C,OAAO,CAAC,qBAAqB,CAAmB;IAEhD,OAAO,CAAC,SAAS,CAAmC;;IASpD;;OAEG;IACI,IAAI,IAAI,IAAI;IAOH,iBAAiB,IAAI,IAAI;IAYzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQzD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,KAAK;IAyCb,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,eAAe;cAiBJ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMzE,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAsC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
+{"version":3,"file":"datepicker-toggle.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-toggle/datepicker-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAkB,UAAU,EAAW,MAAM,KAAK,CAAC;AAW1D,OAAO,KAAK,EAAE,oBAAoB,EAAuB,MAAM,kBAAkB,CAAC;AAKlF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;;AAE1B;;GAEG;AACH,qBAIa,0BAA0B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,+BAEzD;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4BAA4B;IACmB,UAAU,CAAC,EAAE,MAAM,GAAG,oBAAoB,CAAC;IAEjF,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,IAAI,CAA4C;IAExD,OAAO,CAAC,IAAI,CAA4C;IAExD,OAAO,CAAC,eAAe,CAAS;IAEzC,OAAO,CAAC,kBAAkB,CAA6C;IAEvE,OAAO,CAAC,gBAAgB,CAAyB;IAEjD,OAAO,CAAC,eAAe,CAA4B;IAEnD,OAAO,CAAC,eAAe,CAAqB;IAE5C,OAAO,CAAC,qBAAqB,CAAmB;IAEhD,OAAO,CAAC,SAAS,CAAmC;;IASpD;;OAEG;IACI,IAAI,IAAI,IAAI;IAOH,iBAAiB,IAAI,IAAI;IAYzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQzD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,KAAK;IAyCb,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,eAAe;cAgBJ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMzE,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAyC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/datepicker/datepicker-toggle.js

@@ -5,17 +5,19 @@ import { sbbInputModalityDetector as u } from "../core/a11y.js";
 import { SbbLanguageController as f } from "../core/controllers.js";
 import { hostAttributes as k } from "../core/decorators.js";
 import { i18nShowCalendar as P } from "../core/i18n.js";
-import { SbbNegativeMixin as C, SbbHydrationMixin as v } from "../core/mixins.js";
+import { SbbNegativeMixin as v, SbbHydrationMixin as C } from "../core/mixins.js";
 import { getDatePicker as w, datepickerControlRegisteredEventFactory as y } from "./datepicker.js";
 import "../calendar.js";
 import "../popover.js";
 const $ = _`*,:before,:after{box-sizing:border-box}:host{--sbb-datepicker-control-radius: var(--sbb-border-radius-4x);--sbb-datepicker-control-color: var(--sbb-color-black);display:inline-flex}sbb-popover-trigger{color:var(--sbb-datepicker-control-color);height:unset}sbb-icon{color:var(--sbb-color-graphite)}`;
-var x = Object.defineProperty, D = Object.getOwnPropertyDescriptor, o = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? D(t, i) : t, l = e.length - 1, r; l >= 0; l--)
-    (r = e[l]) && (a = (n ? r(t, i, a) : r(a)) || a);
-  return n && a && x(t, i, a), a;
+var x = Object.defineProperty, D = Object.getOwnPropertyDescriptor, o = (e, t, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? D(t, i) : t, l = e.length - 1, r; l >= 0; l--)
+    (r = e[l]) && (a = (s ? r(t, i, a) : r(a)) || a);
+  return s && a && x(t, i, a), a;
 };
-let s = class extends C(v(p)) {
+let n = class extends v(
+  C(p)
+) {
   constructor() {
     super(), this._disabled = !1, this._min = null, this._max = null, this._renderCalendar = !1, this._language = new f(this), h || this.hydrationComplete.then(() => this._renderCalendar = !0);
   }
@@ -39,7 +41,7 @@ let s = class extends C(v(p)) {
     super.disconnectedCallback(), (e = this._datePickerController) == null || e.abort();
   }
   _init(e) {
-    var t, i, n, a, l;
+    var t, i, s, a, l;
     if ((t = this._datePickerController) == null || t.abort(), this._datePickerController = new AbortController(), this._datePickerElement = w(this, e), !this._datePickerElement) {
       (i = this.parentElement) == null || i.addEventListener(
         "inputUpdated",
@@ -48,7 +50,7 @@ let s = class extends C(v(p)) {
       );
       return;
     }
-    (n = this._datePickerElement) == null || n.addEventListener(
+    (s = this._datePickerElement) == null || s.addEventListener(
       "inputUpdated",
       (r) => {
         this._datePickerElement = r.target, this._disabled = !!(r.detail.disabled || r.detail.readonly), this._min = r.detail.min, this._max = r.detail.max;
@@ -70,11 +72,11 @@ let s = class extends C(v(p)) {
     !e || !t || (e.wide = t.wide, e.now = this._nowOrUndefined(), e.dateFilter = t.dateFilter);
   }
   _datePickerChanged(e) {
-    this._datePickerElement = e.target, this._calendarElement.selected = this._datePickerElement.getValueAsDate();
+    this._datePickerElement = e.target, this._calendarElement && this._datePickerElement.valueAsDate && (this._calendarElement.selected = this._datePickerElement.valueAsDate);
   }
   _assignCalendar(e) {
     var t;
-    this._calendarElement && this._calendarElement === e || (this._calendarElement = e, !(!this._datePickerElement || !this._datePickerElement.getValueAsDate || !((t = this._calendarElement) != null && t.resetPosition)) && (this._calendarElement.selected = this._datePickerElement.getValueAsDate(), this._configureCalendar(this._calendarElement, this._datePickerElement), this._calendarElement.resetPosition()));
+    this._calendarElement && this._calendarElement === e || (this._calendarElement = e, !(!("valueAsDate" in (this._datePickerElement ?? {})) || !((t = this._calendarElement) != null && t.resetPosition)) && (this._calendarElement.selected = this._datePickerElement.valueAsDate ?? void 0, this._configureCalendar(this._calendarElement, this._datePickerElement), this._calendarElement.resetPosition()));
   }
   updated(e) {
     super.updated(e), this._popoverElement.trigger = this._triggerElement;
@@ -110,38 +112,38 @@ let s = class extends C(v(p)) {
               ?wide=${(e = this._datePickerElement) == null ? void 0 : e.wide}
               .dateFilter=${(t = this._datePickerElement) == null ? void 0 : t.dateFilter}
               @dateSelected=${(i) => {
-      var a;
-      const n = new Date(i.detail);
-      this._calendarElement.selected = n, (a = this._datePickerElement) == null || a.setValueAsDate(n);
+      this._calendarElement.selected = i.detail, this._datePickerElement && (this._datePickerElement.valueAsDate = i.detail);
     }}
-              ${c((i) => this._assignCalendar(i))}
+              ${c(
+      (i) => this._assignCalendar(i)
+    )}
             ></sbb-calendar>` : b}
       </sbb-popover>
     `;
   }
 };
-s.styles = $;
+n.styles = $;
 o([
   g({ attribute: "date-picker" })
-], s.prototype, "datePicker", 2);
+], n.prototype, "datePicker", 2);
 o([
   d()
-], s.prototype, "_disabled", 2);
+], n.prototype, "_disabled", 2);
 o([
   d()
-], s.prototype, "_min", 2);
+], n.prototype, "_min", 2);
 o([
   d()
-], s.prototype, "_max", 2);
+], n.prototype, "_max", 2);
 o([
   d()
-], s.prototype, "_renderCalendar", 2);
-s = o([
+], n.prototype, "_renderCalendar", 2);
+n = o([
   E("sbb-datepicker-toggle"),
   k({
     slot: "prefix"
   })
-], s);
+], n);
 export {
-  s as SbbDatepickerToggleElement
+  n as SbbDatepickerToggleElement
 };