@nova-design-system/nova-webcomponents 3.11.0 → 3.13.0

package/dist/collection/components/nv-badge/nv-badge.css

@@ -70,7 +70,6 @@ nv-badge.badge-1 .close:focus, nv-badge.badge-1 .close:focus-within {
 nv-badge.badge-1 .close:focus-visible, nv-badge.badge-1 .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-1 nv-icon {
   color: var(--color-rainbow-1-icon);
@@ -86,7 +85,6 @@ nv-badge.badge-2 .close:focus, nv-badge.badge-2 .close:focus-within {
 nv-badge.badge-2 .close:focus-visible, nv-badge.badge-2 .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-2 nv-icon {
   color: var(--color-rainbow-2-icon);
@@ -102,7 +100,6 @@ nv-badge.badge-3 .close:focus, nv-badge.badge-3 .close:focus-within {
 nv-badge.badge-3 .close:focus-visible, nv-badge.badge-3 .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-3 nv-icon {
   color: var(--color-rainbow-3-icon);
@@ -118,7 +115,6 @@ nv-badge.badge-4 .close:focus, nv-badge.badge-4 .close:focus-within {
 nv-badge.badge-4 .close:focus-visible, nv-badge.badge-4 .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-4 nv-icon {
   color: var(--color-rainbow-4-icon);
@@ -134,7 +130,6 @@ nv-badge.badge-5 .close:focus, nv-badge.badge-5 .close:focus-within {
 nv-badge.badge-5 .close:focus-visible, nv-badge.badge-5 .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-5 nv-icon {
   color: var(--color-rainbow-5-icon);
@@ -150,7 +145,6 @@ nv-badge.badge-6 .close:focus, nv-badge.badge-6 .close:focus-within {
 nv-badge.badge-6 .close:focus-visible, nv-badge.badge-6 .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-6 nv-icon {
   color: var(--color-rainbow-6-icon);
@@ -166,7 +160,6 @@ nv-badge.badge-7 .close:focus, nv-badge.badge-7 .close:focus-within {
 nv-badge.badge-7 .close:focus-visible, nv-badge.badge-7 .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-7 nv-icon {
   color: var(--color-rainbow-7-icon);
@@ -182,7 +175,6 @@ nv-badge.badge-8 .close:focus, nv-badge.badge-8 .close:focus-within {
 nv-badge.badge-8 .close:focus-visible, nv-badge.badge-8 .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-8 nv-icon {
   color: var(--color-rainbow-8-icon);
@@ -198,7 +190,6 @@ nv-badge.badge-9 .close:focus, nv-badge.badge-9 .close:focus-within {
 nv-badge.badge-9 .close:focus-visible, nv-badge.badge-9 .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-9 nv-icon {
   color: var(--color-rainbow-9-icon);
@@ -214,7 +205,6 @@ nv-badge.badge-10 .close:focus, nv-badge.badge-10 .close:focus-within {
 nv-badge.badge-10 .close:focus-visible, nv-badge.badge-10 .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-10 nv-icon {
   color: var(--color-rainbow-10-icon);
@@ -230,7 +220,6 @@ nv-badge.badge-error .close:focus, nv-badge.badge-error .close:focus-within {
 nv-badge.badge-error .close:focus-visible, nv-badge.badge-error .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-error-low-content, var(--color-feedback-error-low-text));
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-error nv-icon {
   color: var(--color-feedback-error-low-icon);
@@ -246,7 +235,6 @@ nv-badge.badge-information .close:focus, nv-badge.badge-information .close:focus
 nv-badge.badge-information .close:focus-visible, nv-badge.badge-information .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-information-low-content, var(--color-feedback-information-low-text));
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-information nv-icon {
   color: var(--color-feedback-information-low-icon);
@@ -262,7 +250,6 @@ nv-badge.badge-neutral .close:focus, nv-badge.badge-neutral .close:focus-within
 nv-badge.badge-neutral .close:focus-visible, nv-badge.badge-neutral .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-neutral-low-content, var(--color-feedback-neutral-low-text));
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-neutral nv-icon {
   color: var(--color-feedback-neutral-low-icon);
@@ -278,7 +265,6 @@ nv-badge.badge-success .close:focus, nv-badge.badge-success .close:focus-within
 nv-badge.badge-success .close:focus-visible, nv-badge.badge-success .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-success-low-content, var(--color-feedback-success-low-text));
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-success nv-icon {
   color: var(--color-feedback-success-low-icon);
@@ -294,7 +280,6 @@ nv-badge.badge-warning .close:focus, nv-badge.badge-warning .close:focus-within
 nv-badge.badge-warning .close:focus-visible, nv-badge.badge-warning .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-warning-low-content, var(--color-feedback-warning-low-text));
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-warning nv-icon {
   color: var(--color-feedback-warning-low-icon);
@@ -310,7 +295,6 @@ nv-badge.badge-amber .close:focus, nv-badge.badge-amber .close:focus-within {
 nv-badge.badge-amber .close:focus-visible, nv-badge.badge-amber .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-amber-content, var(--color-rainbow-1-text));
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-amber nv-icon {
   color: var(--color-rainbow-1-icon);
@@ -326,7 +310,6 @@ nv-badge.badge-orange .close:focus, nv-badge.badge-orange .close:focus-within {
 nv-badge.badge-orange .close:focus-visible, nv-badge.badge-orange .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-orange-content, var(--color-rainbow-2-text));
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-orange nv-icon {
   color: var(--color-rainbow-2-icon);
@@ -342,7 +325,6 @@ nv-badge.badge-turquoise .close:focus, nv-badge.badge-turquoise .close:focus-wit
 nv-badge.badge-turquoise .close:focus-visible, nv-badge.badge-turquoise .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-turquoise-content, var(--color-rainbow-5-text));
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-turquoise nv-icon {
   color: var(--color-rainbow-5-icon);
@@ -358,7 +340,6 @@ nv-badge.badge-crimson .close:focus, nv-badge.badge-crimson .close:focus-within
 nv-badge.badge-crimson .close:focus-visible, nv-badge.badge-crimson .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-crimson-content, var(--color-rainbow-6-text));
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-crimson nv-icon {
   color: var(--color-rainbow-6-icon);
@@ -374,7 +355,6 @@ nv-badge.badge-lime .close:focus, nv-badge.badge-lime .close:focus-within {
 nv-badge.badge-lime .close:focus-visible, nv-badge.badge-lime .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-lime-content, var(--color-rainbow-9-text));
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-lime nv-icon {
   color: var(--color-rainbow-9-icon);
@@ -390,7 +370,6 @@ nv-badge.badge-petrol .close:focus, nv-badge.badge-petrol .close:focus-within {
 nv-badge.badge-petrol .close:focus-visible, nv-badge.badge-petrol .close:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-petrol-content, var(--color-rainbow-8-text));
   outline-offset: calc(var(--focus-outline-offset) * 0.2);
-  z-index: 111;
 }
 nv-badge.badge-petrol nv-icon {
   color: var(--color-rainbow-8-icon);

package/dist/collection/components/nv-breadcrumb/nv-breadcrumb.css

@@ -45,7 +45,6 @@ nv-breadcrumb ul button:focus-visible,
 nv-breadcrumb ul button:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);
   outline-offset: calc(var(--focus-outline-offset) * 0.3);
-  z-index: 111;
 }
 nv-breadcrumb ul a:hover,
 nv-breadcrumb ul button:hover {
@@ -68,7 +67,6 @@ nv-breadcrumb > a:focus, nv-breadcrumb > a:focus-within, nv-breadcrumb > button:
 nv-breadcrumb > a:focus-visible, nv-breadcrumb > a:has(:focus-visible), nv-breadcrumb > button:focus-visible, nv-breadcrumb > button:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);
   outline-offset: calc(var(--focus-outline-offset) * 0.3);
-  z-index: 111;
 }
 nv-breadcrumb > a:hover, nv-breadcrumb > button:hover {
   text-decoration: underline;

package/dist/collection/components/nv-button/styles/nv-button.css

@@ -81,7 +81,6 @@ nv-button[emphasis=high]:focus, nv-button[emphasis=high]:focus-within {
 nv-button[emphasis=high]:focus-visible, nv-button[emphasis=high]:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-button[emphasis=high]:disabled:not([disabled=false]) {
   opacity: 0.5;
@@ -109,7 +108,6 @@ nv-button[emphasis=high][danger]:not([danger=false]):focus, nv-button[emphasis=h
 nv-button[emphasis=high][danger]:not([danger=false]):focus-visible, nv-button[emphasis=high][danger]:not([danger=false]):has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-button[emphasis=medium] {
   background: var(--components-button-medium-background);
@@ -132,7 +130,6 @@ nv-button[emphasis=medium]:focus, nv-button[emphasis=medium]:focus-within {
 nv-button[emphasis=medium]:focus-visible, nv-button[emphasis=medium]:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-button[emphasis=medium]:disabled:not([disabled=false]) {
   opacity: 0.5;
@@ -160,7 +157,6 @@ nv-button[emphasis=medium][danger]:not([danger=false]):focus, nv-button[emphasis
 nv-button[emphasis=medium][danger]:not([danger=false]):focus-visible, nv-button[emphasis=medium][danger]:not([danger=false]):has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-button[emphasis=low] {
   background: var(--components-button-low-background);
@@ -183,7 +179,6 @@ nv-button[emphasis=low]:focus, nv-button[emphasis=low]:focus-within {
 nv-button[emphasis=low]:focus-visible, nv-button[emphasis=low]:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-button[emphasis=low]:disabled:not([disabled=false]) {
   opacity: 0.5;
@@ -211,7 +206,6 @@ nv-button[emphasis=low][danger]:not([danger=false]):focus, nv-button[emphasis=lo
 nv-button[emphasis=low][danger]:not([danger=false]):focus-visible, nv-button[emphasis=low][danger]:not([danger=false]):has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-button[emphasis=lower] {
   background: var(--components-button-lower-background);
@@ -234,7 +228,6 @@ nv-button[emphasis=lower]:focus, nv-button[emphasis=lower]:focus-within {
 nv-button[emphasis=lower]:focus-visible, nv-button[emphasis=lower]:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-button[emphasis=lower]:disabled:not([disabled=false]) {
   opacity: 0.5;
@@ -262,7 +255,6 @@ nv-button[emphasis=lower][danger]:not([danger=false]):focus, nv-button[emphasis=
 nv-button[emphasis=lower][danger]:not([danger=false]):focus-visible, nv-button[emphasis=lower][danger]:not([danger=false]):has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-button[fluid]:not([fluid=false]) {
   width: 100%;

package/dist/collection/components/nv-calendar/nv-calendar.css

@@ -377,6 +377,10 @@ nv-calendar {
 .datepicker-actions slot-fb {
   display: contents !important;
 }
+.datepicker-actions .actions-container {
+  display: flex;
+  gap: var(--spacing-1);
+}
 
 .calendar-footer + .datepicker-actions {
   margin-top: 0;

package/dist/collection/components/nv-calendar/nv-calendar.docs.js

@@ -379,6 +379,20 @@ const NvCalendarDocs = {
             },
             template: (h("nv-calendar", { "data-storybook-args": true }, h("div", { slot: "actions" }, h("nv-fieldtime", null)))),
         },
+        {
+            name: 'CustomActionLabels',
+            args: {
+                showActions: true,
+                selectionType: 'range',
+                rangeValue: {
+                    start: '2025-03-15',
+                    end: '2025-03-20',
+                },
+                cancelLabel: 'Abbrechen',
+                primaryLabel: 'Bestätigen',
+            },
+            template: (h("div", null, h("p", { class: "text-center pb-4" }, "Custom action button labels - \"Abbrechen\" and \"Best\u00E4tigen\""), h("nv-calendar", { "data-storybook-args": true }))),
+        },
         ...singleStories,
         ...rangeStories,
     ],

package/dist/collection/components/nv-calendar/nv-calendar.docs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-calendar.docs.js","sourceRoot":"","sources":["../../../src/components/nv-calendar/nv-calendar.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\n\nconst toKebabCase = (str: string): string =>\n  str\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '')\n    .replace(/^-+|-+$/g, '');\n\nconst formats = [\n  {\n    name: 'YYYY-MM-DD',\n    dateFormat: 'YYYY-MM-DD',\n    singleValue: '2025-03-15',\n    rangeValue: {\n      start: '2025-03-15',\n      end: '2025-03-20',\n    },\n  },\n  {\n    name: 'DD/MM/YYYY',\n    dateFormat: 'DD/MM/YYYY',\n    singleValue: '15/03/2025',\n    rangeValue: {\n      start: '15/03/2025',\n      end: '20/03/2025',\n    },\n  },\n  {\n    name: 'MM/DD/YYYY',\n    dateFormat: 'MM/DD/YYYY',\n    singleValue: '03/15/2025',\n    rangeValue: {\n      start: '03/15/2025',\n      end: '03/20/2025',\n    },\n  },\n  {\n    name: 'Compact YYYYMMDD',\n    dateFormat: 'YYYYMMDD',\n    singleValue: '20250315',\n    rangeValue: {\n      start: '20250315',\n      end: '20250320',\n    },\n  },\n  {\n    name: 'German DD.MM.YYYY',\n    dateFormat: 'DD.MM.YYYY',\n    singleValue: '15.03.2025',\n    rangeValue: {\n      start: '15.03.2025',\n      end: '20.03.2025',\n    },\n  },\n  {\n    name: 'Unix Seconds',\n    dateFormat: 'X',\n    singleValue: '1710441600',\n    rangeValue: {\n      start: '1710441600',\n      end: '1710528000',\n    },\n  },\n  {\n    name: 'Unix Milliseconds',\n    dateFormat: 'x',\n    singleValue: '1710441600000',\n    rangeValue: {\n      start: '1710441600000',\n      end: '1710528000000',\n    },\n  },\n  {\n    name: 'Short Text MMM DD YYYY',\n    dateFormat: 'MMM DD YYYY',\n    singleValue: 'Mar 15 2025',\n    rangeValue: {\n      start: 'Mar 15 2025',\n      end: 'Mar 20 2025',\n    },\n  },\n  {\n    name: 'Long Text MMMM DD, YYYY',\n    dateFormat: 'MMMM DD, YYYY',\n    singleValue: 'March 15, 2025',\n    rangeValue: {\n      start: 'March 15, 2025',\n      end: 'March 20, 2025',\n    },\n  },\n  {\n    name: 'C# Ticks',\n    dateFormat: 'Ticks',\n    singleValue: '638430220000000000',\n    rangeValue: {\n      start: '638430220000000000',\n      end: '638437132000000000',\n    },\n  },\n] as const;\n\nconst singleStories = formats.map(format => ({\n  name: `Single${toKebabCase(format.name)}`,\n  args: {\n    selectionType: 'single' as const,\n    singleValue: format.singleValue,\n    firstDayOfWeek: 1,\n    locale: format.name === 'German DD.MM.YYYY' ? 'de-DE' : 'en-US',\n    dateFormat: format.dateFormat,\n  },\n  template: (\n    <div>\n      <p class=\"text-center pb-4\">\n        Single selection with date format: {format.name}\n      </p>\n      <nv-calendar data-storybook-args />\n    </div>\n  ),\n}));\n\nconst rangeStories = formats.map(format => ({\n  name: `Range${toKebabCase(format.name)}`,\n  args: {\n    selectionType: 'range' as const,\n    rangeValue: format.rangeValue,\n    firstDayOfWeek: 1,\n    locale: format.name === 'German DD.MM.YYYY' ? 'de-DE' : 'en-US',\n    dateFormat: format.dateFormat,\n  },\n  template: (\n    <div>\n      <p class=\"text-center pb-4\">\n        Range selection with date format: {format.name}\n      </p>\n      <nv-calendar data-storybook-args />\n    </div>\n  ),\n}));\n\nconst NvCalendarDocs: NovaDocs<Components.NvCalendar> = {\n  component: 'nv-calendar',\n  badge: 'beta',\n  subcomponents: ['nv-button', 'nv-fieldtime'],\n  stories: [\n    {\n      name: 'all',\n      args: {\n        selectionType: 'range',\n        rangeValue: {\n          start: '2025-03-15',\n          end: '2025-04-15',\n        },\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        firstDayOfWeek: 1,\n        showWeekNumbers: true,\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'Last 7 Days',\n            rangeValue: {\n              start: new Date(new Date().setDate(new Date().getDate() - 7))\n                .toISOString()\n                .split('T')[0],\n              end: new Date().toISOString().split('T')[0],\n            },\n          },\n          {\n            label: 'Last Month',\n            rangeValue: {\n              start: new Date(new Date().setMonth(new Date().getMonth() - 1, 1))\n                .toISOString()\n                .split('T')[0],\n              end: new Date(new Date().setDate(0)).toISOString().split('T')[0],\n            },\n          },\n          {\n            label: 'Next Month',\n            rangeValue: {\n              start: new Date(new Date().setMonth(new Date().getMonth() + 1, 1))\n                .toISOString()\n                .split('T')[0],\n              end: new Date(new Date().setMonth(new Date().getMonth() + 2, 0))\n                .toISOString()\n                .split('T')[0],\n            },\n          },\n          {\n            label: 'Next Year',\n            rangeValue: {\n              start: new Date(\n                new Date().setFullYear(new Date().getFullYear() + 1, 0, 1),\n              )\n                .toISOString()\n                .split('T')[0],\n              end: new Date(\n                new Date().setFullYear(new Date().getFullYear() + 1, 11, 31),\n              )\n                .toISOString()\n                .split('T')[0],\n            },\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n        numberOfCalendars: 2,\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'single',\n      args: {\n        selectionType: 'single',\n        singleValue: '2025-03-15',\n        locale: 'en-US',\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'range',\n      args: {\n        selectionType: 'range',\n        rangeValue: {\n          start: '2025-03-15',\n          end: '2025-03-20',\n        },\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'numberOfCalendars',\n      args: {\n        numberOfCalendars: 2,\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'firstDayOfWeek',\n      args: {\n        firstDayOfWeek: 1,\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'showWeekNumbers',\n      args: {\n        showWeekNumbers: true,\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'showActions',\n      args: {\n        showActions: true,\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'MinMax',\n      args: {\n        selectionType: 'single',\n        firstDayOfWeek: 1,\n        singleValue: '2025-02-15',\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        min: '2025-02-05',\n        max: '2025-02-20',\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'ShortcutSingle',\n      args: {\n        selectionType: 'single',\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        shortcuts: [\n          {\n            label: 'Today',\n            singleValue: new Date().toISOString().split('T')[0],\n          },\n          {\n            label: 'Last week',\n            singleValue: new Date(new Date().setDate(new Date().getDate() - 7))\n              .toISOString()\n              .split('T')[0],\n          },\n          {\n            label: '30 Days from Now',\n            singleValue: new Date(new Date().setDate(new Date().getDate() + 30))\n              .toISOString()\n              .split('T')[0],\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'ShortcutPlacement',\n      args: {\n        selectionType: 'single',\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        shortcutsPlacement: 'right',\n        shortcuts: [\n          {\n            label: 'Today',\n            singleValue: new Date().toISOString().split('T')[0],\n          },\n          {\n            label: 'Last week',\n            singleValue: new Date(new Date().setDate(new Date().getDate() - 7))\n              .toISOString()\n              .split('T')[0],\n          },\n          {\n            label: '30 Days from Now',\n            singleValue: new Date(new Date().setDate(new Date().getDate() + 30))\n              .toISOString()\n              .split('T')[0],\n          },\n        ],\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'ShortcutRange',\n      args: {\n        selectionType: 'range',\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        shortcuts: [\n          {\n            label: 'Last 7 Days',\n            rangeValue: {\n              start: new Date(new Date().setDate(new Date().getDate() - 7))\n                .toISOString()\n                .split('T')[0],\n              end: new Date().toISOString().split('T')[0],\n            },\n          },\n          {\n            label: 'Last Month',\n            rangeValue: {\n              start: new Date(new Date().setMonth(new Date().getMonth() - 1, 1))\n                .toISOString()\n                .split('T')[0],\n              end: new Date(new Date().setDate(0)).toISOString().split('T')[0],\n            },\n          },\n          {\n            label: 'Next Month',\n            rangeValue: {\n              start: new Date(new Date().setMonth(new Date().getMonth() + 1, 1))\n                .toISOString()\n                .split('T')[0],\n              end: new Date(new Date().setMonth(new Date().getMonth() + 2, 0))\n                .toISOString()\n                .split('T')[0],\n            },\n          },\n          {\n            label: 'Next Year',\n            rangeValue: {\n              start: new Date(\n                new Date().setFullYear(new Date().getFullYear() + 1, 0, 1),\n              )\n                .toISOString()\n                .split('T')[0],\n              end: new Date(\n                new Date().setFullYear(new Date().getFullYear() + 1, 11, 31),\n              )\n                .toISOString()\n                .split('T')[0],\n            },\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'WithDisabledDates',\n      args: {\n        selectionType: 'single',\n        singleValue: '2025-03-15',\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        disabledDates: ['2025-03-13', '2025-03-14', '2025-03-19', '2025-03-20'],\n      },\n      template: (\n        <div>\n          <p class=\"text-center pb-4\">Calendar with specific disabled dates</p>\n          <nv-calendar data-storybook-args />\n        </div>\n      ),\n    },\n    {\n      name: 'CulturalVariants',\n      args: {\n        numberOfCalendars: 1,\n        firstDayOfWeek: 1,\n        showWeekNumbers: true,\n        showActions: true,\n      },\n      template: (\n        <div class=\"flex flex-wrap gap-4\">\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants en-BE</p>\n            <nv-calendar\n              locale=\"en-BE\"\n              dateFormat=\"YYYY-MM-DD\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants fr-BE</p>\n            <nv-calendar\n              locale=\"fr-BE\"\n              dateFormat=\"DD/MM/YYYY\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants nl-BE</p>\n            <nv-calendar\n              locale=\"nl-BE\"\n              dateFormat=\"DD/MM/YYYY\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants de-DE</p>\n            <nv-calendar\n              locale=\"de-DE\"\n              dateFormat=\"DD.MM.YYYY\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants us-US</p>\n            <nv-calendar\n              locale=\"us-US\"\n              dateFormat=\"YYYY-MM-DD\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants es-ES</p>\n            <nv-calendar\n              locale=\"es-ES\"\n              dateFormat=\"DD/MM/YYYY\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants ru-RU</p>\n            <nv-calendar\n              locale=\"ru-RU\"\n              dateFormat=\"DD/MM/YYYY\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants ja-JP</p>\n            <nv-calendar\n              locale=\"ja-JP\"\n              dateFormat=\"YYYY-MM-DD\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants zh-CN</p>\n            <nv-calendar\n              locale=\"zh-CN\"\n              dateFormat=\"YYYY-MM-DD\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants ko-KR</p>\n            <nv-calendar\n              locale=\"ko-KR\"\n              dateFormat=\"YYYY-MM-DD\"\n              data-storybook-args\n            />\n          </div>\n        </div>\n      ),\n    },\n    {\n      name: 'SlotActions',\n      args: {\n        showActions: true,\n      },\n      template: (\n        <nv-calendar data-storybook-args>\n          <div slot=\"actions\">\n            <nv-fieldtime></nv-fieldtime>\n          </div>\n        </nv-calendar>\n      ),\n    },\n    ...singleStories,\n    ...rangeStories,\n  ],\n};\n\nexport default NvCalendarDocs;\n"]}
+{"version":3,"file":"nv-calendar.docs.js","sourceRoot":"","sources":["../../../src/components/nv-calendar/nv-calendar.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\n\nconst toKebabCase = (str: string): string =>\n  str\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '')\n    .replace(/^-+|-+$/g, '');\n\nconst formats = [\n  {\n    name: 'YYYY-MM-DD',\n    dateFormat: 'YYYY-MM-DD',\n    singleValue: '2025-03-15',\n    rangeValue: {\n      start: '2025-03-15',\n      end: '2025-03-20',\n    },\n  },\n  {\n    name: 'DD/MM/YYYY',\n    dateFormat: 'DD/MM/YYYY',\n    singleValue: '15/03/2025',\n    rangeValue: {\n      start: '15/03/2025',\n      end: '20/03/2025',\n    },\n  },\n  {\n    name: 'MM/DD/YYYY',\n    dateFormat: 'MM/DD/YYYY',\n    singleValue: '03/15/2025',\n    rangeValue: {\n      start: '03/15/2025',\n      end: '03/20/2025',\n    },\n  },\n  {\n    name: 'Compact YYYYMMDD',\n    dateFormat: 'YYYYMMDD',\n    singleValue: '20250315',\n    rangeValue: {\n      start: '20250315',\n      end: '20250320',\n    },\n  },\n  {\n    name: 'German DD.MM.YYYY',\n    dateFormat: 'DD.MM.YYYY',\n    singleValue: '15.03.2025',\n    rangeValue: {\n      start: '15.03.2025',\n      end: '20.03.2025',\n    },\n  },\n  {\n    name: 'Unix Seconds',\n    dateFormat: 'X',\n    singleValue: '1710441600',\n    rangeValue: {\n      start: '1710441600',\n      end: '1710528000',\n    },\n  },\n  {\n    name: 'Unix Milliseconds',\n    dateFormat: 'x',\n    singleValue: '1710441600000',\n    rangeValue: {\n      start: '1710441600000',\n      end: '1710528000000',\n    },\n  },\n  {\n    name: 'Short Text MMM DD YYYY',\n    dateFormat: 'MMM DD YYYY',\n    singleValue: 'Mar 15 2025',\n    rangeValue: {\n      start: 'Mar 15 2025',\n      end: 'Mar 20 2025',\n    },\n  },\n  {\n    name: 'Long Text MMMM DD, YYYY',\n    dateFormat: 'MMMM DD, YYYY',\n    singleValue: 'March 15, 2025',\n    rangeValue: {\n      start: 'March 15, 2025',\n      end: 'March 20, 2025',\n    },\n  },\n  {\n    name: 'C# Ticks',\n    dateFormat: 'Ticks',\n    singleValue: '638430220000000000',\n    rangeValue: {\n      start: '638430220000000000',\n      end: '638437132000000000',\n    },\n  },\n] as const;\n\nconst singleStories = formats.map(format => ({\n  name: `Single${toKebabCase(format.name)}`,\n  args: {\n    selectionType: 'single' as const,\n    singleValue: format.singleValue,\n    firstDayOfWeek: 1,\n    locale: format.name === 'German DD.MM.YYYY' ? 'de-DE' : 'en-US',\n    dateFormat: format.dateFormat,\n  },\n  template: (\n    <div>\n      <p class=\"text-center pb-4\">\n        Single selection with date format: {format.name}\n      </p>\n      <nv-calendar data-storybook-args />\n    </div>\n  ),\n}));\n\nconst rangeStories = formats.map(format => ({\n  name: `Range${toKebabCase(format.name)}`,\n  args: {\n    selectionType: 'range' as const,\n    rangeValue: format.rangeValue,\n    firstDayOfWeek: 1,\n    locale: format.name === 'German DD.MM.YYYY' ? 'de-DE' : 'en-US',\n    dateFormat: format.dateFormat,\n  },\n  template: (\n    <div>\n      <p class=\"text-center pb-4\">\n        Range selection with date format: {format.name}\n      </p>\n      <nv-calendar data-storybook-args />\n    </div>\n  ),\n}));\n\nconst NvCalendarDocs: NovaDocs<Components.NvCalendar> = {\n  component: 'nv-calendar',\n  badge: 'beta',\n  subcomponents: ['nv-button', 'nv-fieldtime'],\n  stories: [\n    {\n      name: 'all',\n      args: {\n        selectionType: 'range',\n        rangeValue: {\n          start: '2025-03-15',\n          end: '2025-04-15',\n        },\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        firstDayOfWeek: 1,\n        showWeekNumbers: true,\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'Last 7 Days',\n            rangeValue: {\n              start: new Date(new Date().setDate(new Date().getDate() - 7))\n                .toISOString()\n                .split('T')[0],\n              end: new Date().toISOString().split('T')[0],\n            },\n          },\n          {\n            label: 'Last Month',\n            rangeValue: {\n              start: new Date(new Date().setMonth(new Date().getMonth() - 1, 1))\n                .toISOString()\n                .split('T')[0],\n              end: new Date(new Date().setDate(0)).toISOString().split('T')[0],\n            },\n          },\n          {\n            label: 'Next Month',\n            rangeValue: {\n              start: new Date(new Date().setMonth(new Date().getMonth() + 1, 1))\n                .toISOString()\n                .split('T')[0],\n              end: new Date(new Date().setMonth(new Date().getMonth() + 2, 0))\n                .toISOString()\n                .split('T')[0],\n            },\n          },\n          {\n            label: 'Next Year',\n            rangeValue: {\n              start: new Date(\n                new Date().setFullYear(new Date().getFullYear() + 1, 0, 1),\n              )\n                .toISOString()\n                .split('T')[0],\n              end: new Date(\n                new Date().setFullYear(new Date().getFullYear() + 1, 11, 31),\n              )\n                .toISOString()\n                .split('T')[0],\n            },\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n        numberOfCalendars: 2,\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'single',\n      args: {\n        selectionType: 'single',\n        singleValue: '2025-03-15',\n        locale: 'en-US',\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'range',\n      args: {\n        selectionType: 'range',\n        rangeValue: {\n          start: '2025-03-15',\n          end: '2025-03-20',\n        },\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'numberOfCalendars',\n      args: {\n        numberOfCalendars: 2,\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'firstDayOfWeek',\n      args: {\n        firstDayOfWeek: 1,\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'showWeekNumbers',\n      args: {\n        showWeekNumbers: true,\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'showActions',\n      args: {\n        showActions: true,\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'MinMax',\n      args: {\n        selectionType: 'single',\n        firstDayOfWeek: 1,\n        singleValue: '2025-02-15',\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        min: '2025-02-05',\n        max: '2025-02-20',\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'ShortcutSingle',\n      args: {\n        selectionType: 'single',\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        shortcuts: [\n          {\n            label: 'Today',\n            singleValue: new Date().toISOString().split('T')[0],\n          },\n          {\n            label: 'Last week',\n            singleValue: new Date(new Date().setDate(new Date().getDate() - 7))\n              .toISOString()\n              .split('T')[0],\n          },\n          {\n            label: '30 Days from Now',\n            singleValue: new Date(new Date().setDate(new Date().getDate() + 30))\n              .toISOString()\n              .split('T')[0],\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'ShortcutPlacement',\n      args: {\n        selectionType: 'single',\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        shortcutsPlacement: 'right',\n        shortcuts: [\n          {\n            label: 'Today',\n            singleValue: new Date().toISOString().split('T')[0],\n          },\n          {\n            label: 'Last week',\n            singleValue: new Date(new Date().setDate(new Date().getDate() - 7))\n              .toISOString()\n              .split('T')[0],\n          },\n          {\n            label: '30 Days from Now',\n            singleValue: new Date(new Date().setDate(new Date().getDate() + 30))\n              .toISOString()\n              .split('T')[0],\n          },\n        ],\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'ShortcutRange',\n      args: {\n        selectionType: 'range',\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        shortcuts: [\n          {\n            label: 'Last 7 Days',\n            rangeValue: {\n              start: new Date(new Date().setDate(new Date().getDate() - 7))\n                .toISOString()\n                .split('T')[0],\n              end: new Date().toISOString().split('T')[0],\n            },\n          },\n          {\n            label: 'Last Month',\n            rangeValue: {\n              start: new Date(new Date().setMonth(new Date().getMonth() - 1, 1))\n                .toISOString()\n                .split('T')[0],\n              end: new Date(new Date().setDate(0)).toISOString().split('T')[0],\n            },\n          },\n          {\n            label: 'Next Month',\n            rangeValue: {\n              start: new Date(new Date().setMonth(new Date().getMonth() + 1, 1))\n                .toISOString()\n                .split('T')[0],\n              end: new Date(new Date().setMonth(new Date().getMonth() + 2, 0))\n                .toISOString()\n                .split('T')[0],\n            },\n          },\n          {\n            label: 'Next Year',\n            rangeValue: {\n              start: new Date(\n                new Date().setFullYear(new Date().getFullYear() + 1, 0, 1),\n              )\n                .toISOString()\n                .split('T')[0],\n              end: new Date(\n                new Date().setFullYear(new Date().getFullYear() + 1, 11, 31),\n              )\n                .toISOString()\n                .split('T')[0],\n            },\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-calendar data-storybook-args />,\n    },\n    {\n      name: 'WithDisabledDates',\n      args: {\n        selectionType: 'single',\n        singleValue: '2025-03-15',\n        locale: 'en-US',\n        dateFormat: 'YYYY-MM-DD',\n        disabledDates: ['2025-03-13', '2025-03-14', '2025-03-19', '2025-03-20'],\n      },\n      template: (\n        <div>\n          <p class=\"text-center pb-4\">Calendar with specific disabled dates</p>\n          <nv-calendar data-storybook-args />\n        </div>\n      ),\n    },\n    {\n      name: 'CulturalVariants',\n      args: {\n        numberOfCalendars: 1,\n        firstDayOfWeek: 1,\n        showWeekNumbers: true,\n        showActions: true,\n      },\n      template: (\n        <div class=\"flex flex-wrap gap-4\">\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants en-BE</p>\n            <nv-calendar\n              locale=\"en-BE\"\n              dateFormat=\"YYYY-MM-DD\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants fr-BE</p>\n            <nv-calendar\n              locale=\"fr-BE\"\n              dateFormat=\"DD/MM/YYYY\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants nl-BE</p>\n            <nv-calendar\n              locale=\"nl-BE\"\n              dateFormat=\"DD/MM/YYYY\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants de-DE</p>\n            <nv-calendar\n              locale=\"de-DE\"\n              dateFormat=\"DD.MM.YYYY\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants us-US</p>\n            <nv-calendar\n              locale=\"us-US\"\n              dateFormat=\"YYYY-MM-DD\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants es-ES</p>\n            <nv-calendar\n              locale=\"es-ES\"\n              dateFormat=\"DD/MM/YYYY\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants ru-RU</p>\n            <nv-calendar\n              locale=\"ru-RU\"\n              dateFormat=\"DD/MM/YYYY\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants ja-JP</p>\n            <nv-calendar\n              locale=\"ja-JP\"\n              dateFormat=\"YYYY-MM-DD\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants zh-CN</p>\n            <nv-calendar\n              locale=\"zh-CN\"\n              dateFormat=\"YYYY-MM-DD\"\n              data-storybook-args\n            />\n          </div>\n          <div>\n            <p class=\"text-center pb-4\">Cultural variants ko-KR</p>\n            <nv-calendar\n              locale=\"ko-KR\"\n              dateFormat=\"YYYY-MM-DD\"\n              data-storybook-args\n            />\n          </div>\n        </div>\n      ),\n    },\n    {\n      name: 'SlotActions',\n      args: {\n        showActions: true,\n      },\n      template: (\n        <nv-calendar data-storybook-args>\n          <div slot=\"actions\">\n            <nv-fieldtime></nv-fieldtime>\n          </div>\n        </nv-calendar>\n      ),\n    },\n    {\n      name: 'CustomActionLabels',\n      args: {\n        showActions: true,\n        selectionType: 'range',\n        rangeValue: {\n          start: '2025-03-15',\n          end: '2025-03-20',\n        },\n        cancelLabel: 'Abbrechen',\n        primaryLabel: 'Bestätigen',\n      },\n      template: (\n        <div>\n          <p class=\"text-center pb-4\">\n            Custom action button labels - \"Abbrechen\" and \"Bestätigen\"\n          </p>\n          <nv-calendar data-storybook-args />\n        </div>\n      ),\n    },\n    ...singleStories,\n    ...rangeStories,\n  ],\n};\n\nexport default NvCalendarDocs;\n"]}

package/dist/collection/components/nv-calendar/nv-calendar.js

@@ -56,6 +56,10 @@ export class NvCalendar {
          * Show action buttons
          */
         this.showActions = false;
+        /** Sets the label for the cancel button in actions. */
+        this.cancelLabel = 'Cancel';
+        /** Sets the label for the primary (OK) button in actions. */
+        this.primaryLabel = 'OK';
         /** Cache for parsed disabled dates */
         this.parsedDisabledDates = [];
         /** Flag to indicate a user click for selection */
@@ -710,7 +714,7 @@ export class NvCalendar {
          * @slot actions - Child content of the component.
          */
         this.renderActions = () => {
-            return (h("div", { class: "datepicker-actions" }, h("slot", { name: "actions" }, h(CalendarActions, { onReset: this.resetSelection, onConfirm: this.confirmSelection, useSlot: false }))));
+            return (h("div", { class: "datepicker-actions" }, h("slot", { name: "actions" }, h(CalendarActions, { onReset: this.resetSelection, onConfirm: this.confirmSelection, cancelLabel: this.cancelLabel, primaryLabel: this.primaryLabel, useSlot: false }))));
         };
     }
     //#endregion EVENTS
@@ -910,8 +914,8 @@ export class NvCalendar {
      * @slot default - Child content of the component.
      */
     render() {
-        return (h(Host, { key: '15aa3c2afb51ea1fbd16de597889d687fb8d1982' }, h("div", { key: '6492b58cb2b5c9bb7fd6c40e8f37e9c2142b5827', class: "datepicker-root" }, h("div", { key: '3cb216c3af4900b48c2dcd09a0a0034c7ebf622d', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h("div", { key: '0663841721d5db871e7ede0ec396affa560ea99d', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
-            this.hasActions) && (h("div", { key: '0a17a627cb1e4a4cb2b91aa104403b00d055bce5', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), h("slot", { key: '3104795c8cc9c81a6aca7e426a145e3966a4361e' })));
+        return (h(Host, { key: '9856eac375fde00aa98f18766e52673ac00fbf0d' }, h("div", { key: 'c25e3fc04ed553e086116a40aff0c302c1cbb75b', class: "datepicker-root" }, h("div", { key: 'b32891731ba9f84d1e5ce2a00e4c48d243478816', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h("div", { key: 'd051841a48835b7d1637aea05071a4e8ae0cc0aa', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
+            this.hasActions) && (h("div", { key: 'e2f7beb10f042d7694f02453a6d181ba37fa607c', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), h("slot", { key: '77d2bd14bc703b825b2b77c67c99e364e2a58c88' })));
     }
     static get is() { return "nv-calendar"; }
     static get originalStyleUrls() {
@@ -1249,6 +1253,46 @@ export class NvCalendar {
                 "setter": false,
                 "attribute": "show-week-numbers",
                 "reflect": true
+            },
+            "cancelLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the label for the cancel button in actions."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "cancel-label",
+                "reflect": true,
+                "defaultValue": "'Cancel'"
+            },
+            "primaryLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the label for the primary (OK) button in actions."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "primary-label",
+                "reflect": true,
+                "defaultValue": "'OK'"
             }
         };
     }