ids-enterprise-wc 1.0.0 → 1.2.0

package/components/ids-data-label/ids-data-label.d.ts

@@ -31,14 +31,14 @@ declare const IdsDataLabel_base: {
             noStyles?: boolean | undefined;
         } | undefined;
         mountedCallback(): void;
-        "__#3@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#3@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -395,20 +395,20 @@ declare const IdsDataLabel_base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#4@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#4@#removeLongPressListener"(): void;
-        "__#4@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#4@#removeSwipeListener"(): void;
-        "__#4@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#4@#removeKeyboardFocusListener"(): void;
-        "__#4@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#4@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#4@#clearSlopedMouseLeaveTimer"(): void;
-        "__#4@#removeSlopedMouseLeaveListener"(): void;
-        "__#4@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeLongPressListener"(): void;
+        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeSwipeListener"(): void;
+        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#5@#removeKeyboardFocusListener"(): void;
+        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#clearSlopedMouseLeaveTimer"(): void;
+        "__#5@#removeSlopedMouseLeaveListener"(): void;
+        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#4@#removeHoverEndListener"(): void;
-        "__#4@#removeKeyDownEndListener"(): void;
+        "__#5@#removeHoverEndListener"(): void;
+        "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined; /**
          * IDS Data Label Component
          * @type {IdsDataLabel}
@@ -426,13 +426,13 @@ declare const IdsDataLabel_base: {
         } | undefined;
         connectedCallback(): void;
         mountedCallback(): void;
-        "__#3@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#3@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;

package/components/ids-data-label/ids-data-label.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-QZLUFTI7.js";import"../../chunks/ids-chunk-3U5T46WX.js";import"../../chunks/ids-chunk-XL3HILTJ.js";import"../../chunks/ids-chunk-YLDB464R.js";import"../../chunks/ids-chunk-RND76ZGL.js";import"../../chunks/ids-chunk-F2W3D4UY.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-5QVZSZ26.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-HLNMUL3O.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-6KDUST23.js";import"../../chunks/ids-chunk-W7LFKSSZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-AAVMQQHR.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2KZ3SUIB.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-S7XDCBUZ.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-3DT6NP27.js";import"../../chunks/ids-chunk-JJMZWX7E.js";import"../../chunks/ids-chunk-LEYWGOV7.js";import"../../chunks/ids-chunk-YUK54FSP.js";import"../../chunks/ids-chunk-QQG65IEC.js";import"../../chunks/ids-chunk-PEE2DGYE.js";import"../../chunks/ids-chunk-IAYWZFIF.js";import"../../chunks/ids-chunk-TWHRSDKD.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-YHVX4DAA.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-RP3JMKCZ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-6K3CMH73.js";import"../../chunks/ids-chunk-RL3JCSVS.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-OGVS73RY.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2KZ3SUIB.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-2U4A7BWM.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-date-picker/ids-date-picker-common.js

@@ -1 +1 @@
-import{a,b,c,d,e,f}from"../../chunks/ids-chunk-GBNYBN4Z.js";import"../../chunks/ids-chunk-S7XDCBUZ.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as IdsDatePickerCommonAttributes,c as MAX_MONTH,b as MIN_MONTH,d as MONTH_KEYS,e as PICKLIST_LENGTH,f as getDateValuesFromString};
+import{a,b,c,d,e,f}from"../../chunks/ids-chunk-MB7ACIMP.js";import"../../chunks/ids-chunk-2U4A7BWM.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as IdsDatePickerCommonAttributes,c as MAX_MONTH,b as MIN_MONTH,d as MONTH_KEYS,e as PICKLIST_LENGTH,f as getDateValuesFromString};

package/components/ids-date-picker/ids-date-picker-popup.d.ts

@@ -21,9 +21,9 @@ import type IdsToolbar from '../ids-toolbar/ids-toolbar';
 type IdsDatePickerPopupButton = IdsToggleButton | IdsModalButton | IdsButton;
 declare const Base: {
     new (...args: any[]): {
-        "__#79@#disableSettings": IdsDisableSettings;
-        "__#79@#currentLegend": IdsLegendSettings;
-        "__#79@#rangeSettings": IdsRangeSettings;
+        "__#83@#disableSettings": IdsDisableSettings;
+        "__#83@#currentLegend": IdsLegendSettings;
+        "__#83@#rangeSettings": IdsRangeSettings;
         connectedCallback(): void;
         disconnectedCallback(): void;
         disableSettings: IdsDisableSettings;
@@ -47,13 +47,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         mountedCallback(): void;
-        "__#3@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#3@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -430,13 +430,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         mountedCallback(): void;
-        "__#3@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#3@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -791,14 +791,14 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         mountedCallback(): void;
-        "__#3@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#3@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;

package/components/ids-date-picker/ids-date-picker-popup.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-YYTTSHGZ.js";import"../../chunks/ids-chunk-WJRVMU4Z.js";import"../../chunks/ids-chunk-DYLBRD7N.js";import"../../chunks/ids-chunk-5ULNNY37.js";import"../../chunks/ids-chunk-QRNUPOLQ.js";import"../../chunks/ids-chunk-FJWBVBFS.js";import"../../chunks/ids-chunk-VOUMOPUW.js";import"../../chunks/ids-chunk-5GNTEZSD.js";import"../../chunks/ids-chunk-DDFBKC4H.js";import"../../chunks/ids-chunk-2DAKDD6U.js";import"../../chunks/ids-chunk-MG2RGLL2.js";import"../../chunks/ids-chunk-IPBQXCQF.js";import"../../chunks/ids-chunk-YHWR76SI.js";import"../../chunks/ids-chunk-RD76V6BX.js";import"../../chunks/ids-chunk-C3ZUVERH.js";import"../../chunks/ids-chunk-NVFH4YX5.js";import"../../chunks/ids-chunk-54GYBKC2.js";import"../../chunks/ids-chunk-G6YY6MDG.js";import"../../chunks/ids-chunk-GBNYBN4Z.js";import"../../chunks/ids-chunk-U3XUDJH3.js";import"../../chunks/ids-chunk-USM6DTJ7.js";import"../../chunks/ids-chunk-EI7IXY4L.js";import"../../chunks/ids-chunk-HNMLNA3W.js";import"../../chunks/ids-chunk-GEXDYCJS.js";import"../../chunks/ids-chunk-UKZDTIP7.js";import"../../chunks/ids-chunk-RQSY7CHP.js";import"../../chunks/ids-chunk-GSLHINNA.js";import"../../chunks/ids-chunk-4GWKEQGR.js";import"../../chunks/ids-chunk-RFRKYRBB.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-JGXFHI7G.js";import"../../chunks/ids-chunk-GPEAR35F.js";import"../../chunks/ids-chunk-VTJPXLYP.js";import"../../chunks/ids-chunk-NPCYO4AC.js";import"../../chunks/ids-chunk-Z23RDMDJ.js";import"../../chunks/ids-chunk-DCCF734W.js";import"../../chunks/ids-chunk-WHLJFISG.js";import"../../chunks/ids-chunk-7QOKAVZV.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-3U5T46WX.js";import"../../chunks/ids-chunk-WDG56RBH.js";import"../../chunks/ids-chunk-VHJTRFSN.js";import"../../chunks/ids-chunk-LG44N6E6.js";import"../../chunks/ids-chunk-FJMUACNZ.js";import"../../chunks/ids-chunk-3FSGNZE7.js";import"../../chunks/ids-chunk-G6YNMTDZ.js";import"../../chunks/ids-chunk-ODLDYR5W.js";import"../../chunks/ids-chunk-KBVBF3KI.js";import"../../chunks/ids-chunk-BWWLLGHB.js";import"../../chunks/ids-chunk-XOZ6M2MH.js";import"../../chunks/ids-chunk-G6SV3PPE.js";import"../../chunks/ids-chunk-NNIULK3K.js";import"../../chunks/ids-chunk-LGFZRJRK.js";import"../../chunks/ids-chunk-NCAA7EZM.js";import"../../chunks/ids-chunk-XL3HILTJ.js";import"../../chunks/ids-chunk-YLDB464R.js";import"../../chunks/ids-chunk-IKE76ZFS.js";import"../../chunks/ids-chunk-VSU2BO5F.js";import"../../chunks/ids-chunk-W6ZI2XRO.js";import"../../chunks/ids-chunk-VQVGGFJ4.js";import"../../chunks/ids-chunk-EJHXI3RM.js";import"../../chunks/ids-chunk-7I6CYYDB.js";import"../../chunks/ids-chunk-DSXCDIEV.js";import"../../chunks/ids-chunk-HVUHS7GO.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-5XKTXGVG.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-Y6DHPIXO.js";import"../../chunks/ids-chunk-RND76ZGL.js";import"../../chunks/ids-chunk-F2W3D4UY.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-5QVZSZ26.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-HLNMUL3O.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-6KDUST23.js";import"../../chunks/ids-chunk-W7LFKSSZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-AAVMQQHR.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2KZ3SUIB.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-S7XDCBUZ.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-ZR3CO6FQ.js";import"../../chunks/ids-chunk-ISLHGWDO.js";import"../../chunks/ids-chunk-MDYBNDUH.js";import"../../chunks/ids-chunk-NVDP3CSV.js";import"../../chunks/ids-chunk-RVBFICST.js";import"../../chunks/ids-chunk-CWCFNLBE.js";import"../../chunks/ids-chunk-BJDQMV7Z.js";import"../../chunks/ids-chunk-5GNTEZSD.js";import"../../chunks/ids-chunk-4S3SFTY2.js";import"../../chunks/ids-chunk-2DAKDD6U.js";import"../../chunks/ids-chunk-RGZ5AUB6.js";import"../../chunks/ids-chunk-IPBQXCQF.js";import"../../chunks/ids-chunk-NYWQNVFS.js";import"../../chunks/ids-chunk-SGO3DSAA.js";import"../../chunks/ids-chunk-TS7LUSOK.js";import"../../chunks/ids-chunk-NC2VYHC5.js";import"../../chunks/ids-chunk-TJJ3QUI5.js";import"../../chunks/ids-chunk-PQMTMVQ2.js";import"../../chunks/ids-chunk-MB7ACIMP.js";import"../../chunks/ids-chunk-KGGAIMGR.js";import"../../chunks/ids-chunk-SKUE2MMA.js";import"../../chunks/ids-chunk-XXWFUXBU.js";import"../../chunks/ids-chunk-PTQWQ3XS.js";import"../../chunks/ids-chunk-47BMOSKU.js";import"../../chunks/ids-chunk-CGT2AKZT.js";import"../../chunks/ids-chunk-JTGVHGSK.js";import"../../chunks/ids-chunk-XTVTUMXO.js";import"../../chunks/ids-chunk-UV7B73B6.js";import"../../chunks/ids-chunk-RFRKYRBB.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-GXUZ5ZYE.js";import"../../chunks/ids-chunk-HMZRRD3F.js";import"../../chunks/ids-chunk-JD5B2HHU.js";import"../../chunks/ids-chunk-MWOJROAV.js";import"../../chunks/ids-chunk-JC6WEOF3.js";import"../../chunks/ids-chunk-2I2JMQMY.js";import"../../chunks/ids-chunk-YHO4VEQI.js";import"../../chunks/ids-chunk-V5CEBI64.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-JJMZWX7E.js";import"../../chunks/ids-chunk-QZWYQOIA.js";import"../../chunks/ids-chunk-MTGPXSOT.js";import"../../chunks/ids-chunk-IDNLSX6D.js";import"../../chunks/ids-chunk-Z6ALGXNU.js";import"../../chunks/ids-chunk-LKUG7BNB.js";import"../../chunks/ids-chunk-4OR3T3OO.js";import"../../chunks/ids-chunk-JLI2VROI.js";import"../../chunks/ids-chunk-D5TZHOXV.js";import"../../chunks/ids-chunk-S22UATKR.js";import"../../chunks/ids-chunk-ESCSHPXA.js";import"../../chunks/ids-chunk-WRT6G6YY.js";import"../../chunks/ids-chunk-LM3H6ODL.js";import"../../chunks/ids-chunk-F6ICISSE.js";import"../../chunks/ids-chunk-XMGJSU5Z.js";import"../../chunks/ids-chunk-LEYWGOV7.js";import"../../chunks/ids-chunk-YUK54FSP.js";import"../../chunks/ids-chunk-LJPKONLL.js";import"../../chunks/ids-chunk-AX24GI36.js";import"../../chunks/ids-chunk-JLPTZLVO.js";import"../../chunks/ids-chunk-ZA5I43CI.js";import"../../chunks/ids-chunk-CY4NO2MC.js";import"../../chunks/ids-chunk-CXFZ2ZVJ.js";import"../../chunks/ids-chunk-DSXCDIEV.js";import"../../chunks/ids-chunk-EXSTGXMH.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-SBOX2H6I.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-VVGJFHRH.js";import"../../chunks/ids-chunk-QQG65IEC.js";import"../../chunks/ids-chunk-PEE2DGYE.js";import"../../chunks/ids-chunk-IAYWZFIF.js";import"../../chunks/ids-chunk-TWHRSDKD.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-YHVX4DAA.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-RP3JMKCZ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-6K3CMH73.js";import"../../chunks/ids-chunk-RL3JCSVS.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-OGVS73RY.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2KZ3SUIB.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-2U4A7BWM.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-date-picker/ids-date-picker.css

@@ -1,228 +1,115 @@
-/* Ids Date Picker Component */
-:root {
-  display: block;
+ids-popup::part(popup) {
+  padding-block: 0;
 }
 
-:host([size=full]) {
-  width: 100%;
-}
-:host([size=full]) ::part(container) {
-  display: block;
+ids-popup[visible][animated] {
+  transition: none;
 }
 
-.ids-date-picker {
-  display: inline-block;
-  max-width: 100%;
-  position: relative;
-}
-.ids-date-picker ids-trigger-field,
-.ids-date-picker .ids-trigger-field {
-  display: inline-block;
-  max-width: 100%;
-}
-.ids-date-picker ids-trigger-field[size=full] {
-  display: block;
-}
-.ids-date-picker.full {
-  display: block;
+.ids-date-picker-popup .ids-popup.menu {
+  padding-block: 0;
 }
-.ids-date-picker.full ids-trigger-field,
-.ids-date-picker.full .ids-trigger-field {
-  display: block;
-}
-.ids-date-picker.is-open:not(.is-dropdown) ids-trigger-button::part(button) {
-  color: var(--ids-date-picker-open-trigger-button-color-text);
+
+ids-month-view {
+  width: 100%;
 }
-.ids-date-picker.is-open:not(.is-dropdown) ids-trigger-field::part(field-container) {
-  border-color: var(--ids-date-picker-color-border);
+
+#month-year-view-trigger {
+  margin: 4px;
 }
-.ids-date-picker ids-month-view {
-  width: 100%;
+
+.ids-date-picker-popup {
+  min-width: 350px;
 }
-.ids-date-picker:not(.has-time) ids-month-view::part(table-container) {
+.ids-date-picker-popup:not(.has-time) ids-month-view::part(table-container) {
   margin-bottom: 10px;
 }
-.ids-date-picker ids-popup::part(popup) {
-  padding-top: 0;
-  padding-bottom: 0;
+.ids-date-picker-popup ids-popup::part(popup) {
+  padding-block: 0;
 }
-.ids-date-picker .popup-footer {
+.ids-date-picker-popup .popup-footer {
+  border-top: 1px solid var(--ids-date-picker-popup-footer-color-border);
   display: flex;
 }
-.ids-date-picker .popup-btn {
-  width: 100%;
+.ids-date-picker-popup .popup-footer ids-modal-button:not([hidden]) + ids-modal-button,
+.ids-date-picker-popup .popup-footer .ids-modal-button:not([hidden]) + .ids-modal-button {
+  border-left: 1px solid;
+  border-left-color: var(--ids-date-picker-popup-footer-color-border);
 }
-.ids-date-picker .popup-btn::part(button) {
-  display: flex;
-  padding-block: var(--ids-space-12);
-  border-radius: 0;
-  justify-content: center;
-}
-.ids-date-picker .popup-btn::part(button):not(:focus) {
-  border: 1px solid transparent;
-  border-top-color: var(--ids-date-picker-popup-button-color-border);
-}
-.ids-date-picker .popup-btn:not(.popup-btn-apply)::part(button) {
-  color: var(--ids-date-picker-popup-button-color-text-default);
-}
-.ids-date-picker .popup-btn:not(.popup-btn-apply)::part(button):hover {
-  color: var(--ids-date-picker-popup-button-color-text-hover);
-}
-.ids-date-picker .popup-btn:not([hidden]):not(:last-child):not(:focus)::part(button) {
-  border-inline-end-color: var(--ids-date-picker-popup-button-color-border);
-}
-.ids-date-picker .popup-btn-apply:not([disabled])::part(button) {
-  color: var(--ids-date-picker-popup-button-primary-color-text);
-}
-.ids-date-picker .popup-btn-apply[disabled]::part(button) {
-  color: var(--ids-date-picker-popup-button-primary-color-text-disabled);
-}
-.ids-date-picker ids-time-picker {
-  display: flex;
-  justify-content: center;
+.ids-date-picker-popup .popup-btn {
+  width: 100%;
 }
 
-.ids-date-picker.is-dropdown .dropdown-btn::part(button) {
-  color: var(--ids-date-picker-dropdown-button-color-text);
-  padding: 4px;
-  border: none;
-  border-radius: var(--ids-border-radius-xxs);
-}
-.ids-date-picker.is-dropdown .dropdown-btn::part(button):focus {
-  box-shadow: 0 0 0 2px transparent, 0 0 0 1px var(--ids-date-picker-dropdown-color-focus), 0 0 4px 3px rgba(54, 138, 192, 0.3);
-}
-.ids-date-picker.is-dropdown .dropdown-btn-text,
-.ids-date-picker.is-dropdown .dropdown-btn-icon {
-  padding-inline-start: 0;
-}
-.ids-date-picker.is-dropdown .dropdown-btn-icon {
-  margin-top: 2px;
+.ids-date-picker-content {
+  position: relative;
 }
-.ids-date-picker.is-dropdown.is-expanded .dropdown-btn::part(button) {
-  color: var(--ids-button-tertiary-color-text-hover);
+
+ids-expandable-area {
+  display: block;
 }
-.ids-date-picker.is-dropdown.is-expanded .dropdown-btn-icon {
-  transform: rotate(180deg);
+
+ids-expandable-area:not([expanded]),
+ids-expandable-area[expanded=false] {
+  pointer-events: none;
 }
-.ids-date-picker.is-dropdown ids-expandable-area::part(container) {
+
+ids-expandable-area::part(container) {
   margin: 0;
   padding: 0;
-  width: 100%;
+  height: 100%;
   position: absolute;
   z-index: 3;
   border: none;
-  top: 43px;
   left: 0;
+  width: 100%;
 }
-.ids-date-picker.is-dropdown ids-expandable-area::part(header) {
+
+ids-expandable-area::part(header) {
   display: none;
 }
-.ids-date-picker.is-dropdown ids-expandable-area::part(pane) {
-  background-color: var(--ids-color-background-default);
-}
-.ids-date-picker.is-dropdown ids-expandable-area::part(pane-content) {
-  margin-top: 0;
-}
-.ids-date-picker.is-dropdown .picklist {
-  display: flex;
-}
-.ids-date-picker.is-dropdown .picklist::after {
-  background-color: var(--ids-date-picker-picklist-separator-color-background);
-  position: absolute;
-  content: " ";
-  width: 1px;
-  left: 0;
-  right: 0;
-  margin-left: auto;
-  margin-right: auto;
-  height: calc(75% + 14px);
-  top: calc(12.5% - 4px);
-}
-.ids-date-picker.is-dropdown:not(.is-expanded) .picklist::after {
-  background-color: transparent;
+
+ids-expandable-area::part(pane) {
+  background-color: var(--ids-date-picker-color-background);
 }
-.ids-date-picker.is-dropdown .picklist-section {
-  height: 100%;
-  width: 50%;
-  flex: 0 0 50%;
+
+ids-expandable-area::part(footer) {
+  display: none;
 }
-.ids-date-picker.is-dropdown .picklist-list {
-  display: flex;
-  list-style: none;
-  align-items: center;
-  flex-direction: column;
-  justify-content: space-around;
-  padding: 0;
+
+ids-expandable-area::part(pane-content) {
   margin-top: 0;
-  margin-bottom: 0;
   height: 100%;
 }
-.ids-date-picker.is-dropdown .picklist-item {
-  border: 1px solid transparent;
-  box-sizing: border-box;
+
+ids-time-picker-popup {
   display: flex;
-  cursor: var(--ids-cursor-pointer);
-  color: var(--ids-date-picker-picklist-item-color-text-default);
-  padding-top: 1px;
-  padding-bottom: 1px;
-  user-select: none;
-  height: 12.5%;
-  align-items: center;
   justify-content: center;
-  width: 100%;
-}
-.ids-date-picker.is-dropdown .picklist-item ids-text {
-  line-height: 0;
-}
-.ids-date-picker.is-dropdown .picklist-item.is-selected {
-  color: var(--ids-date-picker-picklist-item-color-text-selected);
-  background-color: var(--ids-date-picker-picklist-item-color-background-selected);
-}
-.ids-date-picker.is-dropdown .picklist-item.is-selected ids-text::part(text) {
-  font-weight: 600;
-}
-.ids-date-picker.is-dropdown .picklist-item:focus {
-  border-color: var(--ids-date-picker-item-color-border-focus);
-  box-shadow: var(--ids-date-picker-item-shadow-focus);
-  outline: none;
-}
-.ids-date-picker.is-dropdown .picklist-item.is-year-nav, .ids-date-picker.is-dropdown .picklist-item.is-month-nav {
-  z-index: 1;
-}
-.ids-date-picker.is-dropdown .picklist-item.is-month-nav {
-  width: calc(100% + 1px);
 }
 
-:host([is-calendar-toolbar=true]) {
-  display: flex;
+.btn-today {
+  margin-right: -7px;
 }
-
-:host([dir=rtl]) .ids-date-picker .popup-btn + .popup-btn::part(button):not(:focus) {
-  border-left-color: transparent;
+.btn-today::part(button) {
+  padding: 10px 8px;
+  margin: 3px;
 }
 
-.ids-date-picker.color-variant-borderless ids-trigger-field::part(container) {
-  margin: 1px 0;
-}
-.ids-date-picker.color-variant-borderless ids-trigger-field::part(field-container) {
-  border: none;
-}
-.ids-date-picker.color-variant-borderless ids-trigger-field::part(input) {
-  padding-inline-end: 0 !important;
-}
-.ids-date-picker.color-variant-borderless.field-height-lg ids-trigger-field::part(input) {
-  padding-inline: 16px;
-  height: 50px;
+.btn-today-text {
+  color: var(--ids-date-picker-popup-button-today-color-text);
 }
-.ids-date-picker.color-variant-borderless.field-height-md ids-trigger-field::part(input) {
-  padding-inline: 12px;
-  height: 40px;
+
+.btn-previous,
+.btn-next {
+  padding-inline-start: 0;
+  margin: 3px;
 }
-.ids-date-picker.color-variant-borderless.field-height-sm ids-trigger-field::part(input) {
-  padding-inline: 8px;
-  height: 35px;
+.btn-previous::part(button),
+.btn-next::part(button) {
+  padding: 0;
+  width: 38px;
+  height: 38px;
 }
-.ids-date-picker.color-variant-borderless.field-height-xs ids-trigger-field::part(input) {
-  padding-inline: 4px;
-  height: 30px;
+
+.btn-next {
+  margin: 3px 3px 3px -5px;
 }