adp-web-components 0.3.19 → 0.3.21

package/dist/types/components.d.ts

@@ -5,11 +5,14 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { BranchSlotDay, BranchSlotDropdownCopy } from "./components/form-elements/branch-slot-dropdown";
+import { BranchSlotDay } from "./components/form-elements/branch-slot-dropdown";
+import { BranchDateDropdownCopy, BranchDateStep } from "./components/form-elements/branch-date-dropdown";
 import { FormHook } from "./features/form-hook/form-hook";
 import { ErrorKeys, LanguageKeys, SharedLocales } from "./features/multi-lingual/index";
 import { FormElementMapper, FormElementStructure, FormHook as FormHook1, FormInputLocalization, FormSelectFetcher, FormSelectItem } from "./features/form-hook/index";
 import { BranchSlotSelection } from "./components/form-elements/branch-slot-picker";
+import { BranchSlotDay as BranchSlotDay1, BranchSlotDropdownCopy } from "./components/form-elements/branch-slot-dropdown";
+import { BranchSlotSelection as BranchSlotSelection1 } from "./components/form-elements/branch-slot-picker";
 import { Endpoint } from "./global/lib/fetch-from";
 import { BlazorInvokableFunction, DotNetObjectReference } from "./features/blazor-ref/index";
 import { PartLookupDTO } from "./global/types/generated/part/part-lookup-dto";
@@ -28,11 +31,14 @@ import { ItemClaimDTO } from "./global/types/generated/vehicle-lookup/item-claim
 import { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/vehicle-lookup";
 import { VehicleWarrantyDetails } from "./components/vehicle-lookup/vehicle-warranty-details";
 import { vehicleQuotationElementNames } from "./components/forms/vehicle-quotation/element-mapper";
-export { BranchSlotDay, BranchSlotDropdownCopy } from "./components/form-elements/branch-slot-dropdown";
+export { BranchSlotDay } from "./components/form-elements/branch-slot-dropdown";
+export { BranchDateDropdownCopy, BranchDateStep } from "./components/form-elements/branch-date-dropdown";
 export { FormHook } from "./features/form-hook/form-hook";
 export { ErrorKeys, LanguageKeys, SharedLocales } from "./features/multi-lingual/index";
 export { FormElementMapper, FormElementStructure, FormHook as FormHook1, FormInputLocalization, FormSelectFetcher, FormSelectItem } from "./features/form-hook/index";
 export { BranchSlotSelection } from "./components/form-elements/branch-slot-picker";
+export { BranchSlotDay as BranchSlotDay1, BranchSlotDropdownCopy } from "./components/form-elements/branch-slot-dropdown";
+export { BranchSlotSelection as BranchSlotSelection1 } from "./components/form-elements/branch-slot-picker";
 export { Endpoint } from "./global/lib/fetch-from";
 export { BlazorInvokableFunction, DotNetObjectReference } from "./features/blazor-ref/index";
 export { PartLookupDTO } from "./global/types/generated/part/part-lookup-dto";
@@ -52,6 +58,191 @@ export { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/veh
 export { VehicleWarrantyDetails } from "./components/vehicle-lookup/vehicle-warranty-details";
 export { vehicleQuotationElementNames } from "./components/forms/vehicle-quotation/element-mapper";
 export namespace Components {
+    /**
+     * Panel half of `branch-date-picker`.
+     * Two panes on one horizontal track — a month grid, then that day's times —
+     * rather than the two stacked sections `branch-slot-dropdown` uses. Only one
+     * decision is on screen at a time, which is the point of the date-picker
+     * variant: a customer who has met a month calendar before recognises step one
+     * immediately, and step two arrives already scoped to the day they picked.
+     * Mounted on `document.body` by `shift-portal` and positioned through the
+     * `--branch-date-*` variables the picker sets, exactly as the slot panel is.
+     */
+    interface BranchDateDropdown {
+        /**
+          * @default ''
+         */
+        "activeDate": string;
+        /**
+          * @default false
+         */
+        "canGoNext": boolean;
+        /**
+          * @default false
+         */
+        "canGoPrev": boolean;
+        "copy": BranchDateDropdownCopy;
+        /**
+          * Bookable days, already de-duplicated, sorted and rule-marked by the picker.
+          * @default []
+         */
+        "days": BranchSlotDay[];
+        /**
+          * @default 'ltr'
+         */
+        "direction": string;
+        "displayTime": (raw: string) => string;
+        "formatDay": (date: string, options: Intl.DateTimeFormatOptions) => string;
+        "formatMonth": (monthKey: string) => string;
+        "formatWeekday": (weekday: number) => string;
+        "handleBack": () => void;
+        "handleDate": (date: string) => void;
+        /**
+          * Tapping the sheet scrim. Unused above 600px, where the scrim is hidden.
+         */
+        "handleDismiss"?: () => void;
+        "handleMonth": (delta: number) => void;
+        "handleRetry": () => void;
+        "handleTime": (raw: string) => void;
+        /**
+          * @default ''
+         */
+        "idleText"?: string;
+        /**
+          * @default false
+         */
+        "isOpen": boolean;
+        /**
+          * `1` when the last month change went forward, `-1` back. Drives the slide.
+          * @default 1
+         */
+        "monthDirection": number;
+        /**
+          * The month on screen, as `YYYY-MM`.
+          * @default ''
+         */
+        "monthKey": string;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * @default ''
+         */
+        "selectedRaw": string;
+        "setElementRef"?: (el: HTMLElement | null) => void;
+        /**
+          * @default 'idle'
+         */
+        "status": 'idle' | 'loading' | 'ready' | 'empty' | 'error';
+        /**
+          * @default 'date'
+         */
+        "step": BranchDateStep;
+        /**
+          * @default ''
+         */
+        "today": string;
+        /**
+          * `0` Sunday … `6` Saturday — resolved from the locale by the picker.
+          * @default 1
+         */
+        "weekStart": number;
+    }
+    /**
+     * Branch-aware booking slot field, month-calendar variant.
+     * Same contract and same data as `branch-slot-picker` — the same endpoint, the
+     * same `slotChange` payload, the same standalone-without-a-form behaviour. The
+     * difference is entirely in the panel: a month grid first, then that day's
+     * times, on a sliding track. Customers who have never used a horizontal day
+     * strip have used a month calendar, and the second step arrives already scoped
+     * to one day rather than sitting under the first.
+     * The two are meant to be interchangeable, so a deployment can pick whichever
+     * its audience reads faster without anything downstream changing.
+     */
+    interface BranchDatePicker {
+        "branchId": string;
+        "brandId": string;
+        /**
+          * Full URL of the calendar endpoint, e.g. `https://…/api/public/calendar`.
+         */
+        "calendarApi": string;
+        "closeDropdown": () => Promise<void>;
+        /**
+          * Integration ids. The field stays idle until all four are present.
+         */
+        "companyId": string;
+        /**
+          * How far ahead to ask. The endpoint caps its own response at 15 days.
+          * @default 30
+         */
+        "daysAhead": number;
+        /**
+          * Preselects a slot, in the same `YYYY-MM-DDTHH:mm` form the field emits.
+         */
+        "defaultValue"?: string;
+        "departmentId": string;
+        /**
+          * One-off blackout dates as `YYYY-MM-DD`, same accepted shapes as above.
+         */
+        "disabledDates"?: string | string[];
+        /**
+          * Weekdays the branch never books on, `0` Sunday … `6` Saturday. Accepts an array or a `"5,6"` string. Matching days stay on the grid, struck through, rather than being dropped — see `~lib/slot-day-rules`.
+         */
+        "disabledWeekdays"?: string | number[];
+        /**
+          * Optional — omit for standalone use and listen to `slotChange` instead.
+         */
+        "form"?: FormHook<any>;
+        /**
+          * Gap between the trigger and the panel, matching shift-select's default.
+          * @default 8
+         */
+        "gap": number;
+        /**
+          * @default false
+         */
+        "isDisabled": boolean;
+        /**
+          * @default false
+         */
+        "isRequired": boolean;
+        "label"?: string;
+        /**
+          * @default 'en'
+         */
+        "language": LanguageKeys;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        /**
+          * Tallest the panel may get before its panes scroll. Also capped to the viewport.
+          * @default 460
+         */
+        "maxPanelHeight": number;
+        /**
+          * Floor for the panel width on desktop. The panel is portaled to `<body>` and positioned fixed, so it is free to be wider than the field — and than the form around it — which is the point: seven columns stop reading as a calendar much below this, and form fields are routinely narrower.
+          * @default 380
+         */
+        "minPanelWidth": number;
+        /**
+          * Field name. Only meaningful when `form` is supplied.
+          * @default 'bookingDate'
+         */
+        "name": string;
+        "openDropdown": () => Promise<void>;
+        /**
+          * Lets a host force a refetch, e.g. after a token refresh.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * First column of the grid, `0` Sunday … `6` Saturday. Left unset it comes from the active locale, which is right far more often than any constant.
+         */
+        "weekStartsOn"?: number;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
     /**
      * Panel half of `branch-slot-picker`.
      * Mounted on `document.body` by `shift-portal` and positioned through the
@@ -68,7 +259,7 @@ export namespace Components {
         /**
           * @default []
          */
-        "days": BranchSlotDay[];
+        "days": BranchSlotDay1[];
         /**
           * @default 'ltr'
          */
@@ -135,6 +326,14 @@ export namespace Components {
          */
         "defaultValue"?: string;
         "departmentId": string;
+        /**
+          * One-off blackout dates as `YYYY-MM-DD`, same accepted shapes as above.
+         */
+        "disabledDates"?: string | string[];
+        /**
+          * Weekdays the branch never books on, `0` Sunday … `6` Saturday. Accepts an array or a `"5,6"` string. Matching days stay visible but unselectable — see `~lib/slot-day-rules` for why they are not simply dropped.
+         */
+        "disabledWeekdays"?: string | number[];
         /**
           * Optional — omit for standalone use and listen to `slotChange` instead.
          */
@@ -161,6 +360,16 @@ export namespace Components {
           * @default {}
          */
         "localization"?: FormInputLocalization;
+        /**
+          * Tallest the panel may get before it scrolls. Also capped to the viewport.
+          * @default 460
+         */
+        "maxPanelHeight": number;
+        /**
+          * Floor for the panel width on desktop. The panel is portaled to `<body>` and positioned fixed, so it is free to be wider than the field — and than the form around it — which is the point: a two-column form gives the field ~320px, which squeezed the day strip and the time grid into something that read as clipped. Capped to the viewport at open time.
+          * @default 420
+         */
+        "minPanelWidth": number;
         /**
           * Field name. Only meaningful when `form` is supplied.
           * @default 'bookingSlot'
@@ -1611,11 +1820,59 @@ export namespace Components {
         "verbose": boolean;
     }
 }
+export interface BranchDatePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBranchDatePickerElement;
+}
 export interface BranchSlotPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBranchSlotPickerElement;
 }
 declare global {
+    /**
+     * Panel half of `branch-date-picker`.
+     * Two panes on one horizontal track — a month grid, then that day's times —
+     * rather than the two stacked sections `branch-slot-dropdown` uses. Only one
+     * decision is on screen at a time, which is the point of the date-picker
+     * variant: a customer who has met a month calendar before recognises step one
+     * immediately, and step two arrives already scoped to the day they picked.
+     * Mounted on `document.body` by `shift-portal` and positioned through the
+     * `--branch-date-*` variables the picker sets, exactly as the slot panel is.
+     */
+    interface HTMLBranchDateDropdownElement extends Components.BranchDateDropdown, HTMLStencilElement {
+    }
+    var HTMLBranchDateDropdownElement: {
+        prototype: HTMLBranchDateDropdownElement;
+        new (): HTMLBranchDateDropdownElement;
+    };
+    interface HTMLBranchDatePickerElementEventMap {
+        "slotChange": BranchSlotSelection;
+    }
+    /**
+     * Branch-aware booking slot field, month-calendar variant.
+     * Same contract and same data as `branch-slot-picker` — the same endpoint, the
+     * same `slotChange` payload, the same standalone-without-a-form behaviour. The
+     * difference is entirely in the panel: a month grid first, then that day's
+     * times, on a sliding track. Customers who have never used a horizontal day
+     * strip have used a month calendar, and the second step arrives already scoped
+     * to one day rather than sitting under the first.
+     * The two are meant to be interchangeable, so a deployment can pick whichever
+     * its audience reads faster without anything downstream changing.
+     */
+    interface HTMLBranchDatePickerElement extends Components.BranchDatePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBranchDatePickerElementEventMap>(type: K, listener: (this: HTMLBranchDatePickerElement, ev: BranchDatePickerCustomEvent<HTMLBranchDatePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBranchDatePickerElementEventMap>(type: K, listener: (this: HTMLBranchDatePickerElement, ev: BranchDatePickerCustomEvent<HTMLBranchDatePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBranchDatePickerElement: {
+        prototype: HTMLBranchDatePickerElement;
+        new (): HTMLBranchDatePickerElement;
+    };
     /**
      * Panel half of `branch-slot-picker`.
      * Mounted on `document.body` by `shift-portal` and positioned through the
@@ -1630,7 +1887,7 @@ declare global {
         new (): HTMLBranchSlotDropdownElement;
     };
     interface HTMLBranchSlotPickerElementEventMap {
-        "slotChange": BranchSlotSelection;
+        "slotChange": BranchSlotSelection1;
     }
     /**
      * Branch-aware booking slot field.
@@ -1988,6 +2245,8 @@ declare global {
         new (): HTMLVinExtractorElement;
     };
     interface HTMLElementTagNameMap {
+        "branch-date-dropdown": HTMLBranchDateDropdownElement;
+        "branch-date-picker": HTMLBranchDatePickerElement;
         "branch-slot-dropdown": HTMLBranchSlotDropdownElement;
         "branch-slot-picker": HTMLBranchSlotPickerElement;
         "dead-stock-lookup": HTMLDeadStockLookupElement;
@@ -2047,6 +2306,189 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    /**
+     * Panel half of `branch-date-picker`.
+     * Two panes on one horizontal track — a month grid, then that day's times —
+     * rather than the two stacked sections `branch-slot-dropdown` uses. Only one
+     * decision is on screen at a time, which is the point of the date-picker
+     * variant: a customer who has met a month calendar before recognises step one
+     * immediately, and step two arrives already scoped to the day they picked.
+     * Mounted on `document.body` by `shift-portal` and positioned through the
+     * `--branch-date-*` variables the picker sets, exactly as the slot panel is.
+     */
+    interface BranchDateDropdown {
+        /**
+          * @default ''
+         */
+        "activeDate"?: string;
+        /**
+          * @default false
+         */
+        "canGoNext"?: boolean;
+        /**
+          * @default false
+         */
+        "canGoPrev"?: boolean;
+        "copy": BranchDateDropdownCopy;
+        /**
+          * Bookable days, already de-duplicated, sorted and rule-marked by the picker.
+          * @default []
+         */
+        "days"?: BranchSlotDay[];
+        /**
+          * @default 'ltr'
+         */
+        "direction"?: string;
+        "displayTime": (raw: string) => string;
+        "formatDay": (date: string, options: Intl.DateTimeFormatOptions) => string;
+        "formatMonth": (monthKey: string) => string;
+        "formatWeekday": (weekday: number) => string;
+        "handleBack": () => void;
+        "handleDate": (date: string) => void;
+        /**
+          * Tapping the sheet scrim. Unused above 600px, where the scrim is hidden.
+         */
+        "handleDismiss"?: () => void;
+        "handleMonth": (delta: number) => void;
+        "handleRetry": () => void;
+        "handleTime": (raw: string) => void;
+        /**
+          * @default ''
+         */
+        "idleText"?: string;
+        /**
+          * @default false
+         */
+        "isOpen"?: boolean;
+        /**
+          * `1` when the last month change went forward, `-1` back. Drives the slide.
+          * @default 1
+         */
+        "monthDirection"?: number;
+        /**
+          * The month on screen, as `YYYY-MM`.
+          * @default ''
+         */
+        "monthKey"?: string;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * @default ''
+         */
+        "selectedRaw"?: string;
+        "setElementRef"?: (el: HTMLElement | null) => void;
+        /**
+          * @default 'idle'
+         */
+        "status"?: 'idle' | 'loading' | 'ready' | 'empty' | 'error';
+        /**
+          * @default 'date'
+         */
+        "step"?: BranchDateStep;
+        /**
+          * @default ''
+         */
+        "today"?: string;
+        /**
+          * `0` Sunday … `6` Saturday — resolved from the locale by the picker.
+          * @default 1
+         */
+        "weekStart"?: number;
+    }
+    /**
+     * Branch-aware booking slot field, month-calendar variant.
+     * Same contract and same data as `branch-slot-picker` — the same endpoint, the
+     * same `slotChange` payload, the same standalone-without-a-form behaviour. The
+     * difference is entirely in the panel: a month grid first, then that day's
+     * times, on a sliding track. Customers who have never used a horizontal day
+     * strip have used a month calendar, and the second step arrives already scoped
+     * to one day rather than sitting under the first.
+     * The two are meant to be interchangeable, so a deployment can pick whichever
+     * its audience reads faster without anything downstream changing.
+     */
+    interface BranchDatePicker {
+        "branchId"?: string;
+        "brandId"?: string;
+        /**
+          * Full URL of the calendar endpoint, e.g. `https://…/api/public/calendar`.
+         */
+        "calendarApi"?: string;
+        /**
+          * Integration ids. The field stays idle until all four are present.
+         */
+        "companyId"?: string;
+        /**
+          * How far ahead to ask. The endpoint caps its own response at 15 days.
+          * @default 30
+         */
+        "daysAhead"?: number;
+        /**
+          * Preselects a slot, in the same `YYYY-MM-DDTHH:mm` form the field emits.
+         */
+        "defaultValue"?: string;
+        "departmentId"?: string;
+        /**
+          * One-off blackout dates as `YYYY-MM-DD`, same accepted shapes as above.
+         */
+        "disabledDates"?: string | string[];
+        /**
+          * Weekdays the branch never books on, `0` Sunday … `6` Saturday. Accepts an array or a `"5,6"` string. Matching days stay on the grid, struck through, rather than being dropped — see `~lib/slot-day-rules`.
+         */
+        "disabledWeekdays"?: string | number[];
+        /**
+          * Optional — omit for standalone use and listen to `slotChange` instead.
+         */
+        "form"?: FormHook<any>;
+        /**
+          * Gap between the trigger and the panel, matching shift-select's default.
+          * @default 8
+         */
+        "gap"?: number;
+        /**
+          * @default false
+         */
+        "isDisabled"?: boolean;
+        /**
+          * @default false
+         */
+        "isRequired"?: boolean;
+        "label"?: string;
+        /**
+          * @default 'en'
+         */
+        "language"?: LanguageKeys;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        /**
+          * Tallest the panel may get before its panes scroll. Also capped to the viewport.
+          * @default 460
+         */
+        "maxPanelHeight"?: number;
+        /**
+          * Floor for the panel width on desktop. The panel is portaled to `<body>` and positioned fixed, so it is free to be wider than the field — and than the form around it — which is the point: seven columns stop reading as a calendar much below this, and form fields are routinely narrower.
+          * @default 380
+         */
+        "minPanelWidth"?: number;
+        /**
+          * Field name. Only meaningful when `form` is supplied.
+          * @default 'bookingDate'
+         */
+        "name"?: string;
+        /**
+          * Fires on every confirmed day+time selection. The standalone contract.
+         */
+        "onSlotChange"?: (event: BranchDatePickerCustomEvent<BranchSlotSelection>) => void;
+        /**
+          * First column of the grid, `0` Sunday … `6` Saturday. Left unset it comes from the active locale, which is right far more often than any constant.
+         */
+        "weekStartsOn"?: number;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
     /**
      * Panel half of `branch-slot-picker`.
      * Mounted on `document.body` by `shift-portal` and positioned through the
@@ -2063,7 +2505,7 @@ declare namespace LocalJSX {
         /**
           * @default []
          */
-        "days"?: BranchSlotDay[];
+        "days"?: BranchSlotDay1[];
         /**
           * @default 'ltr'
          */
@@ -2129,6 +2571,14 @@ declare namespace LocalJSX {
          */
         "defaultValue"?: string;
         "departmentId"?: string;
+        /**
+          * One-off blackout dates as `YYYY-MM-DD`, same accepted shapes as above.
+         */
+        "disabledDates"?: string | string[];
+        /**
+          * Weekdays the branch never books on, `0` Sunday … `6` Saturday. Accepts an array or a `"5,6"` string. Matching days stay visible but unselectable — see `~lib/slot-day-rules` for why they are not simply dropped.
+         */
+        "disabledWeekdays"?: string | number[];
         /**
           * Optional — omit for standalone use and listen to `slotChange` instead.
          */
@@ -2155,6 +2605,16 @@ declare namespace LocalJSX {
           * @default {}
          */
         "localization"?: FormInputLocalization;
+        /**
+          * Tallest the panel may get before it scrolls. Also capped to the viewport.
+          * @default 460
+         */
+        "maxPanelHeight"?: number;
+        /**
+          * Floor for the panel width on desktop. The panel is portaled to `<body>` and positioned fixed, so it is free to be wider than the field — and than the form around it — which is the point: a two-column form gives the field ~320px, which squeezed the day strip and the time grid into something that read as clipped. Capped to the viewport at open time.
+          * @default 420
+         */
+        "minPanelWidth"?: number;
         /**
           * Field name. Only meaningful when `form` is supplied.
           * @default 'bookingSlot'
@@ -2163,7 +2623,7 @@ declare namespace LocalJSX {
         /**
           * Fires on every confirmed day+time selection. The standalone contract.
          */
-        "onSlotChange"?: (event: BranchSlotPickerCustomEvent<BranchSlotSelection>) => void;
+        "onSlotChange"?: (event: BranchSlotPickerCustomEvent<BranchSlotSelection1>) => void;
         "wrapperClass"?: string;
         "wrapperId"?: string;
     }
@@ -3515,6 +3975,44 @@ declare namespace LocalJSX {
         "verbose"?: boolean;
     }
 
+    interface BranchDateDropdownAttributes {
+        "name": string;
+        "isOpen": boolean;
+        "direction": string;
+        "status": 'idle' | 'loading' | 'ready' | 'empty' | 'error';
+        "monthKey": string;
+        "monthDirection": number;
+        "canGoPrev": boolean;
+        "canGoNext": boolean;
+        "step": BranchDateStep;
+        "activeDate": string;
+        "selectedRaw": string;
+        "today": string;
+        "weekStart": number;
+        "idleText": string;
+    }
+    interface BranchDatePickerAttributes {
+        "name": string;
+        "calendarApi": string;
+        "companyId": string;
+        "branchId": string;
+        "departmentId": string;
+        "brandId": string;
+        "daysAhead": number;
+        "disabledWeekdays": string | number[];
+        "disabledDates": string | string[];
+        "weekStartsOn": number;
+        "gap": number;
+        "minPanelWidth": number;
+        "maxPanelHeight": number;
+        "label": string;
+        "wrapperId": string;
+        "wrapperClass": string;
+        "isRequired": boolean;
+        "isDisabled": boolean;
+        "language": LanguageKeys;
+        "defaultValue": string;
+    }
     interface BranchSlotDropdownAttributes {
         "name": string;
         "isOpen": boolean;
@@ -3532,7 +4030,11 @@ declare namespace LocalJSX {
         "departmentId": string;
         "brandId": string;
         "daysAhead": number;
+        "disabledWeekdays": string | number[];
+        "disabledDates": string | string[];
         "gap": number;
+        "minPanelWidth": number;
+        "maxPanelHeight": number;
         "label": string;
         "wrapperId": string;
         "wrapperClass": string;
@@ -4103,6 +4605,8 @@ declare namespace LocalJSX {
     }
 
     interface IntrinsicElements {
+        "branch-date-dropdown": Omit<BranchDateDropdown, keyof BranchDateDropdownAttributes> & { [K in keyof BranchDateDropdown & keyof BranchDateDropdownAttributes]?: BranchDateDropdown[K] } & { [K in keyof BranchDateDropdown & keyof BranchDateDropdownAttributes as `attr:${K}`]?: BranchDateDropdownAttributes[K] } & { [K in keyof BranchDateDropdown & keyof BranchDateDropdownAttributes as `prop:${K}`]?: BranchDateDropdown[K] };
+        "branch-date-picker": Omit<BranchDatePicker, keyof BranchDatePickerAttributes> & { [K in keyof BranchDatePicker & keyof BranchDatePickerAttributes]?: BranchDatePicker[K] } & { [K in keyof BranchDatePicker & keyof BranchDatePickerAttributes as `attr:${K}`]?: BranchDatePickerAttributes[K] } & { [K in keyof BranchDatePicker & keyof BranchDatePickerAttributes as `prop:${K}`]?: BranchDatePicker[K] };
         "branch-slot-dropdown": Omit<BranchSlotDropdown, keyof BranchSlotDropdownAttributes> & { [K in keyof BranchSlotDropdown & keyof BranchSlotDropdownAttributes]?: BranchSlotDropdown[K] } & { [K in keyof BranchSlotDropdown & keyof BranchSlotDropdownAttributes as `attr:${K}`]?: BranchSlotDropdownAttributes[K] } & { [K in keyof BranchSlotDropdown & keyof BranchSlotDropdownAttributes as `prop:${K}`]?: BranchSlotDropdown[K] };
         "branch-slot-picker": Omit<BranchSlotPicker, keyof BranchSlotPickerAttributes> & { [K in keyof BranchSlotPicker & keyof BranchSlotPickerAttributes]?: BranchSlotPicker[K] } & { [K in keyof BranchSlotPicker & keyof BranchSlotPickerAttributes as `attr:${K}`]?: BranchSlotPickerAttributes[K] } & { [K in keyof BranchSlotPicker & keyof BranchSlotPickerAttributes as `prop:${K}`]?: BranchSlotPicker[K] };
         "dead-stock-lookup": Omit<DeadStockLookup, keyof DeadStockLookupAttributes> & { [K in keyof DeadStockLookup & keyof DeadStockLookupAttributes]?: DeadStockLookup[K] } & { [K in keyof DeadStockLookup & keyof DeadStockLookupAttributes as `attr:${K}`]?: DeadStockLookupAttributes[K] } & { [K in keyof DeadStockLookup & keyof DeadStockLookupAttributes as `prop:${K}`]?: DeadStockLookup[K] };
@@ -4165,6 +4669,29 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            /**
+             * Panel half of `branch-date-picker`.
+             * Two panes on one horizontal track — a month grid, then that day's times —
+             * rather than the two stacked sections `branch-slot-dropdown` uses. Only one
+             * decision is on screen at a time, which is the point of the date-picker
+             * variant: a customer who has met a month calendar before recognises step one
+             * immediately, and step two arrives already scoped to the day they picked.
+             * Mounted on `document.body` by `shift-portal` and positioned through the
+             * `--branch-date-*` variables the picker sets, exactly as the slot panel is.
+             */
+            "branch-date-dropdown": LocalJSX.IntrinsicElements["branch-date-dropdown"] & JSXBase.HTMLAttributes<HTMLBranchDateDropdownElement>;
+            /**
+             * Branch-aware booking slot field, month-calendar variant.
+             * Same contract and same data as `branch-slot-picker` — the same endpoint, the
+             * same `slotChange` payload, the same standalone-without-a-form behaviour. The
+             * difference is entirely in the panel: a month grid first, then that day's
+             * times, on a sliding track. Customers who have never used a horizontal day
+             * strip have used a month calendar, and the second step arrives already scoped
+             * to one day rather than sitting under the first.
+             * The two are meant to be interchangeable, so a deployment can pick whichever
+             * its audience reads faster without anything downstream changing.
+             */
+            "branch-date-picker": LocalJSX.IntrinsicElements["branch-date-picker"] & JSXBase.HTMLAttributes<HTMLBranchDatePickerElement>;
             /**
              * Panel half of `branch-slot-picker`.
              * Mounted on `document.body` by `shift-portal` and positioned through the