@warp-ds/elements 2.2.0-next.6 → 2.2.0-next.8

package/dist/packages/datepicker/DatePicker.test.d.ts

@@ -0,0 +1 @@
+import '../button/index.js';

package/dist/packages/datepicker/datepicker.d.ts

@@ -60,8 +60,6 @@ declare class WarpDatepicker extends WarpDatepicker_base {
      */
     dayFormat: string;
     isCalendarOpen: boolean;
-    /** The current input value as a stringified date-like */
-    internalValue: string;
     navigationDate: Date;
     /** @internal This gets picked up by the custom element manifest analyzer as a property for some reason */
     locale: Locale;
@@ -75,10 +73,30 @@ declare class WarpDatepicker extends WarpDatepicker_base {
     input: HTMLInputElement;
     toggleButton: HTMLButtonElement;
     wrapper: HTMLDivElement;
+    /**
+     * This is the first focusable element, needed for the modal focus trap.
+     *
+     * Don't cache this and other `@query` fields from inside the calendar modal.
+     * They work the first time, but once the calendar is closed and reopened
+     * the query will point to an element that doesn't exist anymore.
+     */
+    previousMonthButton: HTMLButtonElement;
+    todayCell: HTMLTableCellElement;
     selectedCell: HTMLTableCellElement;
+    /**
+     * We can't use private fields (`#` prefix) for this method
+     * since we can't overwrite private field methods. We need
+     * to `.bind(this)` in the constructor because we need one
+     * stable method handler we can register and unregister on
+     * `document`, that has access to this specific instance
+     * of WarpDatepicker to control the calendar.
+     * @internal
+     */
+    private _onClickOutside;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/packages/datepicker/datepicker.test.d.ts

@@ -0,0 +1,2 @@
+import '../button/index.js';
+import './index.js';