@sellmate/design-system 1.0.60 → 1.0.62

package/dist/types/components.d.ts

@@ -16,6 +16,9 @@ import { CalendarEventColors, CalendarEvents } from "./components/sd-calendar/sd
 import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 import { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
 import { Type } from "./components/sd-date-box/sd-date-box";
+import { DatePickerSize } from "./components/sd-date-picker/sd-date-picker.config";
+import { DateRangeValue } from "./components/sd-date-range-picker/sd-date-range-picker";
+import { DatePickerSize as DatePickerSize1 } from "./components/sd-date-range-picker/sd-date-range-picker.config";
 import { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
 import { ValidatableField } from "./components/sd-form/sd-form";
 import { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
@@ -49,6 +52,9 @@ export { CalendarEventColors, CalendarEvents } from "./components/sd-calendar/sd
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
 export { Type } from "./components/sd-date-box/sd-date-box";
+export { DatePickerSize } from "./components/sd-date-picker/sd-date-picker.config";
+export { DateRangeValue } from "./components/sd-date-range-picker/sd-date-range-picker";
+export { DatePickerSize as DatePickerSize1 } from "./components/sd-date-range-picker/sd-date-range-picker.config";
 export { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
 export { ValidatableField } from "./components/sd-form/sd-form";
 export { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
@@ -363,37 +369,170 @@ export namespace Components {
         "type": Type;
     }
     interface SdDatePicker {
+        /**
+          * @default ''
+         */
+        "addonLabel": string;
         /**
           * @default false
          */
         "disabled": boolean;
-        "label"?: string;
+        /**
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * @default ''
+         */
+        "errorMessage": string;
+        /**
+          * @default ''
+         */
+        "fieldName": string;
+        /**
+          * @default ''
+         */
+        "hint": string;
+        /**
+          * @default undefined
+         */
+        "icon"?: IconProps;
         /**
           * @default ''
          */
+        "label": string;
+        /**
+          * @default ''
+         */
+        "labelTooltip": string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default 'YYYY-MM-DD'
+         */
         "placeholder": string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule[];
+        "sdReset": () => Promise<void | undefined>;
+        "sdResetValidate": () => Promise<void | undefined>;
+        "sdValidate": () => Promise<boolean | undefined>;
+        "selectable"?: [string, string];
+        /**
+          * @default 'sm'
+         */
+        "size": DatePickerSize;
+        /**
+          * @default null
+         */
+        "value": string | null;
+        /**
+          * @default ''
+         */
+        "width": string | number;
+    }
+    interface SdDatePickerCalendar {
         "selectable"?: [string, string];
         /**
           * @default null
          */
         "value": string | null;
     }
+    interface SdDatePickerTrigger {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default ''
+         */
+        "displayText": string;
+        /**
+          * @default 'YYYY-MM-DD'
+         */
+        "placeholder": string;
+        /**
+          * @default 'md'
+         */
+        "size": DatePickerSize;
+    }
     interface SdDateRangePicker {
+        /**
+          * @default ''
+         */
+        "addonLabel": string;
         /**
           * @default false
          */
         "disabled": boolean;
-        "label"?: string;
-        "maxRange"?: number;
+        /**
+          * @default false
+         */
+        "error": boolean;
         /**
           * @default ''
          */
+        "errorMessage": string;
+        /**
+          * @default ''
+         */
+        "fieldName": string;
+        /**
+          * @default ''
+         */
+        "hint": string;
+        /**
+          * @default undefined
+         */
+        "icon"?: IconProps;
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default ''
+         */
+        "labelTooltip": string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps": SdTooltipProps | null;
+        "maxRange"?: number;
+        /**
+          * @default 'YYYY-MM-DD ~ YYYY-MM-DD'
+         */
         "placeholder": string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule[];
+        "sdReset": () => Promise<void | undefined>;
+        "sdResetValidate": () => Promise<void | undefined>;
+        "sdValidate": () => Promise<boolean | undefined>;
+        "selectable"?: [string, string];
+        /**
+          * @default 'sm'
+         */
+        "size": DatePickerSize1;
+        /**
+          * @default null
+         */
+        "value": DateRangeValue;
+        /**
+          * @default ''
+         */
+        "width": string | number;
+    }
+    interface SdDateRangePickerCalendar {
+        "maxRange"?: number;
         "selectable"?: [string, string];
         /**
-          * @default ['', '']
+          * @default null
          */
-        "value": [string, string];
+        "value": [string, string] | null;
     }
     interface SdDropdownButton {
         /**
@@ -2014,10 +2153,22 @@ export interface SdDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdDatePickerElement;
 }
+export interface SdDatePickerCalendarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdDatePickerCalendarElement;
+}
+export interface SdDatePickerTriggerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdDatePickerTriggerElement;
+}
 export interface SdDateRangePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdDateRangePickerElement;
 }
+export interface SdDateRangePickerCalendarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdDateRangePickerCalendarElement;
+}
 export interface SdDropdownButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdDropdownButtonElement;
@@ -2324,8 +2475,43 @@ declare global {
         prototype: HTMLSdDatePickerElement;
         new (): HTMLSdDatePickerElement;
     };
+    interface HTMLSdDatePickerCalendarElementEventMap {
+        "sdSelect": string;
+        "sdViewChange": { year: number; month: number };
+    }
+    interface HTMLSdDatePickerCalendarElement extends Components.SdDatePickerCalendar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdDatePickerCalendarElementEventMap>(type: K, listener: (this: HTMLSdDatePickerCalendarElement, ev: SdDatePickerCalendarCustomEvent<HTMLSdDatePickerCalendarElementEventMap[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 HTMLSdDatePickerCalendarElementEventMap>(type: K, listener: (this: HTMLSdDatePickerCalendarElement, ev: SdDatePickerCalendarCustomEvent<HTMLSdDatePickerCalendarElementEventMap[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 HTMLSdDatePickerCalendarElement: {
+        prototype: HTMLSdDatePickerCalendarElement;
+        new (): HTMLSdDatePickerCalendarElement;
+    };
+    interface HTMLSdDatePickerTriggerElementEventMap {
+        "sdTriggerClick": void;
+    }
+    interface HTMLSdDatePickerTriggerElement extends Components.SdDatePickerTrigger, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdDatePickerTriggerElementEventMap>(type: K, listener: (this: HTMLSdDatePickerTriggerElement, ev: SdDatePickerTriggerCustomEvent<HTMLSdDatePickerTriggerElementEventMap[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 HTMLSdDatePickerTriggerElementEventMap>(type: K, listener: (this: HTMLSdDatePickerTriggerElement, ev: SdDatePickerTriggerCustomEvent<HTMLSdDatePickerTriggerElementEventMap[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 HTMLSdDatePickerTriggerElement: {
+        prototype: HTMLSdDatePickerTriggerElement;
+        new (): HTMLSdDatePickerTriggerElement;
+    };
     interface HTMLSdDateRangePickerElementEventMap {
-        "sdUpdate": [string, string];
+        "sdUpdate": DateRangeValue;
         "sdViewChange": { year: number; month: number };
     }
     interface HTMLSdDateRangePickerElement extends Components.SdDateRangePicker, HTMLStencilElement {
@@ -2342,6 +2528,24 @@ declare global {
         prototype: HTMLSdDateRangePickerElement;
         new (): HTMLSdDateRangePickerElement;
     };
+    interface HTMLSdDateRangePickerCalendarElementEventMap {
+        "sdSelect": [string, string];
+        "sdViewChange": { year: number; month: number };
+    }
+    interface HTMLSdDateRangePickerCalendarElement extends Components.SdDateRangePickerCalendar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdDateRangePickerCalendarElementEventMap>(type: K, listener: (this: HTMLSdDateRangePickerCalendarElement, ev: SdDateRangePickerCalendarCustomEvent<HTMLSdDateRangePickerCalendarElementEventMap[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 HTMLSdDateRangePickerCalendarElementEventMap>(type: K, listener: (this: HTMLSdDateRangePickerCalendarElement, ev: SdDateRangePickerCalendarCustomEvent<HTMLSdDateRangePickerCalendarElementEventMap[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 HTMLSdDateRangePickerCalendarElement: {
+        prototype: HTMLSdDateRangePickerCalendarElement;
+        new (): HTMLSdDateRangePickerCalendarElement;
+    };
     interface HTMLSdDropdownButtonElementEventMap {
         "sdClick": DropdownButtonValue;
         "sdDropDownShow": { isOpen: boolean };
@@ -3015,7 +3219,10 @@ declare global {
         "sd-confirm-modal": HTMLSdConfirmModalElement;
         "sd-date-box": HTMLSdDateBoxElement;
         "sd-date-picker": HTMLSdDatePickerElement;
+        "sd-date-picker-calendar": HTMLSdDatePickerCalendarElement;
+        "sd-date-picker-trigger": HTMLSdDatePickerTriggerElement;
         "sd-date-range-picker": HTMLSdDateRangePickerElement;
+        "sd-date-range-picker-calendar": HTMLSdDateRangePickerCalendarElement;
         "sd-dropdown-button": HTMLSdDropdownButtonElement;
         "sd-field": HTMLSdFieldElement;
         "sd-file-picker": HTMLSdFilePickerElement;
@@ -3367,41 +3574,173 @@ declare namespace LocalJSX {
         "type"?: Type;
     }
     interface SdDatePicker {
+        /**
+          * @default ''
+         */
+        "addonLabel"?: string;
         /**
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * @default ''
+         */
+        "errorMessage"?: string;
+        /**
+          * @default ''
+         */
+        "fieldName"?: string;
+        /**
+          * @default ''
+         */
+        "hint"?: string;
+        /**
+          * @default undefined
+         */
+        "icon"?: IconProps;
+        /**
+          * @default ''
+         */
         "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps"?: SdTooltipProps | null;
         "onSdUpdate"?: (event: SdDatePickerCustomEvent<string | null>) => void;
         "onSdViewChange"?: (event: SdDatePickerCustomEvent<{ year: number; month: number }>) => void;
         /**
-          * @default ''
+          * @default 'YYYY-MM-DD'
          */
         "placeholder"?: string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule[];
+        "selectable"?: [string, string];
+        /**
+          * @default 'sm'
+         */
+        "size"?: DatePickerSize;
+        /**
+          * @default null
+         */
+        "value"?: string | null;
+        /**
+          * @default ''
+         */
+        "width"?: string | number;
+    }
+    interface SdDatePickerCalendar {
+        "onSdSelect"?: (event: SdDatePickerCalendarCustomEvent<string>) => void;
+        "onSdViewChange"?: (event: SdDatePickerCalendarCustomEvent<{ year: number; month: number }>) => void;
         "selectable"?: [string, string];
         /**
           * @default null
          */
         "value"?: string | null;
     }
+    interface SdDatePickerTrigger {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default ''
+         */
+        "displayText"?: string;
+        "onSdTriggerClick"?: (event: SdDatePickerTriggerCustomEvent<void>) => void;
+        /**
+          * @default 'YYYY-MM-DD'
+         */
+        "placeholder"?: string;
+        /**
+          * @default 'md'
+         */
+        "size"?: DatePickerSize;
+    }
     interface SdDateRangePicker {
+        /**
+          * @default ''
+         */
+        "addonLabel"?: string;
         /**
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * @default ''
+         */
+        "errorMessage"?: string;
+        /**
+          * @default ''
+         */
+        "fieldName"?: string;
+        /**
+          * @default ''
+         */
+        "hint"?: string;
+        /**
+          * @default undefined
+         */
+        "icon"?: IconProps;
+        /**
+          * @default ''
+         */
         "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps"?: SdTooltipProps | null;
         "maxRange"?: number;
-        "onSdUpdate"?: (event: SdDateRangePickerCustomEvent<[string, string]>) => void;
+        "onSdUpdate"?: (event: SdDateRangePickerCustomEvent<DateRangeValue>) => void;
         "onSdViewChange"?: (event: SdDateRangePickerCustomEvent<{ year: number; month: number }>) => void;
         /**
-          * @default ''
+          * @default 'YYYY-MM-DD ~ YYYY-MM-DD'
          */
         "placeholder"?: string;
+        /**
+          * @default []
+         */
+        "rules"?: Rule[];
+        "selectable"?: [string, string];
+        /**
+          * @default 'sm'
+         */
+        "size"?: DatePickerSize1;
+        /**
+          * @default null
+         */
+        "value"?: DateRangeValue;
+        /**
+          * @default ''
+         */
+        "width"?: string | number;
+    }
+    interface SdDateRangePickerCalendar {
+        "maxRange"?: number;
+        "onSdSelect"?: (event: SdDateRangePickerCalendarCustomEvent<[string, string]>) => void;
+        "onSdViewChange"?: (event: SdDateRangePickerCalendarCustomEvent<{ year: number; month: number }>) => void;
         "selectable"?: [string, string];
         /**
-          * @default ['', '']
+          * @default null
          */
-        "value"?: [string, string];
+        "value"?: [string, string] | null;
     }
     interface SdDropdownButton {
         /**
@@ -5077,15 +5416,43 @@ declare namespace LocalJSX {
     }
     interface SdDatePickerAttributes {
         "value": string | null;
-        "label": string;
+        "size": DatePickerSize;
+        "placeholder": string;
         "disabled": boolean;
+        "width": string;
+        "label": string;
+        "addonLabel": string;
+        "hint": string;
+        "errorMessage": string;
+        "fieldName": string;
+        "error": boolean;
+        "labelTooltip": string;
+    }
+    interface SdDatePickerCalendarAttributes {
+        "value": string | null;
+    }
+    interface SdDatePickerTriggerAttributes {
+        "displayText": string;
         "placeholder": string;
+        "disabled": boolean;
+        "size": DatePickerSize;
     }
     interface SdDateRangePickerAttributes {
-        "label": string;
+        "size": DatePickerSize;
+        "placeholder": string;
         "maxRange": number;
         "disabled": boolean;
-        "placeholder": string;
+        "width": string;
+        "label": string;
+        "addonLabel": string;
+        "hint": string;
+        "errorMessage": string;
+        "fieldName": string;
+        "error": boolean;
+        "labelTooltip": string;
+    }
+    interface SdDateRangePickerCalendarAttributes {
+        "maxRange": number;
     }
     interface SdDropdownButtonAttributes {
         "name": DropdownButtonName;
@@ -5248,8 +5615,8 @@ declare namespace LocalJSX {
     }
     interface SdRadioAttributes {
         "value": string;
-        "disabled": boolean;
         "val": string;
+        "disabled": boolean;
         "label": string;
     }
     interface SdRadioButtonGroupAttributes {
@@ -5499,7 +5866,10 @@ declare namespace LocalJSX {
         "sd-confirm-modal": Omit<SdConfirmModal, keyof SdConfirmModalAttributes> & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes]?: SdConfirmModal[K] } & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes as `attr:${K}`]?: SdConfirmModalAttributes[K] } & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes as `prop:${K}`]?: SdConfirmModal[K] };
         "sd-date-box": Omit<SdDateBox, keyof SdDateBoxAttributes> & { [K in keyof SdDateBox & keyof SdDateBoxAttributes]?: SdDateBox[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `attr:${K}`]?: SdDateBoxAttributes[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `prop:${K}`]?: SdDateBox[K] };
         "sd-date-picker": Omit<SdDatePicker, keyof SdDatePickerAttributes> & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes]?: SdDatePicker[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `attr:${K}`]?: SdDatePickerAttributes[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `prop:${K}`]?: SdDatePicker[K] };
+        "sd-date-picker-calendar": Omit<SdDatePickerCalendar, keyof SdDatePickerCalendarAttributes> & { [K in keyof SdDatePickerCalendar & keyof SdDatePickerCalendarAttributes]?: SdDatePickerCalendar[K] } & { [K in keyof SdDatePickerCalendar & keyof SdDatePickerCalendarAttributes as `attr:${K}`]?: SdDatePickerCalendarAttributes[K] } & { [K in keyof SdDatePickerCalendar & keyof SdDatePickerCalendarAttributes as `prop:${K}`]?: SdDatePickerCalendar[K] };
+        "sd-date-picker-trigger": Omit<SdDatePickerTrigger, keyof SdDatePickerTriggerAttributes> & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes]?: SdDatePickerTrigger[K] } & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes as `attr:${K}`]?: SdDatePickerTriggerAttributes[K] } & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes as `prop:${K}`]?: SdDatePickerTrigger[K] };
         "sd-date-range-picker": Omit<SdDateRangePicker, keyof SdDateRangePickerAttributes> & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes]?: SdDateRangePicker[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `attr:${K}`]?: SdDateRangePickerAttributes[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `prop:${K}`]?: SdDateRangePicker[K] };
+        "sd-date-range-picker-calendar": Omit<SdDateRangePickerCalendar, keyof SdDateRangePickerCalendarAttributes> & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes]?: SdDateRangePickerCalendar[K] } & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes as `attr:${K}`]?: SdDateRangePickerCalendarAttributes[K] } & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes as `prop:${K}`]?: SdDateRangePickerCalendar[K] };
         "sd-dropdown-button": Omit<SdDropdownButton, keyof SdDropdownButtonAttributes> & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes]?: SdDropdownButton[K] } & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes as `attr:${K}`]?: SdDropdownButtonAttributes[K] } & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes as `prop:${K}`]?: SdDropdownButton[K] };
         "sd-field": Omit<SdField, keyof SdFieldAttributes> & { [K in keyof SdField & keyof SdFieldAttributes]?: SdField[K] } & { [K in keyof SdField & keyof SdFieldAttributes as `attr:${K}`]?: SdFieldAttributes[K] } & { [K in keyof SdField & keyof SdFieldAttributes as `prop:${K}`]?: SdField[K] };
         "sd-file-picker": Omit<SdFilePicker, keyof SdFilePickerAttributes> & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes]?: SdFilePicker[K] } & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes as `attr:${K}`]?: SdFilePickerAttributes[K] } & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes as `prop:${K}`]?: SdFilePicker[K] };
@@ -5559,7 +5929,10 @@ declare module "@stencil/core" {
             "sd-confirm-modal": LocalJSX.IntrinsicElements["sd-confirm-modal"] & JSXBase.HTMLAttributes<HTMLSdConfirmModalElement>;
             "sd-date-box": LocalJSX.IntrinsicElements["sd-date-box"] & JSXBase.HTMLAttributes<HTMLSdDateBoxElement>;
             "sd-date-picker": LocalJSX.IntrinsicElements["sd-date-picker"] & JSXBase.HTMLAttributes<HTMLSdDatePickerElement>;
+            "sd-date-picker-calendar": LocalJSX.IntrinsicElements["sd-date-picker-calendar"] & JSXBase.HTMLAttributes<HTMLSdDatePickerCalendarElement>;
+            "sd-date-picker-trigger": LocalJSX.IntrinsicElements["sd-date-picker-trigger"] & JSXBase.HTMLAttributes<HTMLSdDatePickerTriggerElement>;
             "sd-date-range-picker": LocalJSX.IntrinsicElements["sd-date-range-picker"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerElement>;
+            "sd-date-range-picker-calendar": LocalJSX.IntrinsicElements["sd-date-range-picker-calendar"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerCalendarElement>;
             "sd-dropdown-button": LocalJSX.IntrinsicElements["sd-dropdown-button"] & JSXBase.HTMLAttributes<HTMLSdDropdownButtonElement>;
             "sd-field": LocalJSX.IntrinsicElements["sd-field"] & JSXBase.HTMLAttributes<HTMLSdFieldElement>;
             "sd-file-picker": LocalJSX.IntrinsicElements["sd-file-picker"] & JSXBase.HTMLAttributes<HTMLSdFilePickerElement>;