@globalpayments/vega 2.87.0 → 2.89.0

package/dist/cjs/vega-date-picker_2.cjs.entry.js

@@ -4,60 +4,60 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const dateRequiredRule = require('./date-required-rule-d65727c5.js');
-const typeGuard = require('./type-guard-c1195e50.js');
+const dateRequiredRule = require('./date-required-rule-71f71b32.js');
+const typeGuard = require('./type-guard-474dec0d.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-44091874.js');
-const ui = require('./ui-3727d685.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-ba6a95f3.js');
-const vegaEventId = require('./vega-event-id-f95480b7.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-430b4f02.js');
+const ui = require('./ui-c91c37a7.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
+const vegaEventId = require('./vega-event-id-37c1716f.js');
 const internalIconManager = require('./internal-icon-manager-66c48800.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const array = require('./array-249289f2.js');
-const internalTranslationController = require('./internal-translation-controller-f0da24b2.js');
+const internalTranslationController = require('./internal-translation-controller-5582d789.js');
 const featureFlagController = require('./feature-flag-controller-5fa21654.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const misc = require('./misc-3d30df91.js');
-const staticSubjectTitle = require('./static-subject-title-5829a298.js');
+const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringMaskStrategy = require('./string-mask-strategy-4bc07c00.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-e061bd10.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-861d991f.js');
+const stringMaskStrategy = require('./string-mask-strategy-f9806f9b.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-e84530b9.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a73354ca.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-73c42d7e.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-b7498e5a.js');
-const translationSlimmer = require('./translation-slimmer-a4a7f0eb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-85a7fdb0.js');
+const translationSlimmer = require('./translation-slimmer-1a7a2b6d.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-f86e6811.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-e95427b5.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const clickOutsideOnlyToDismissStrategy = require('./click-outside-only-to-dismiss-strategy-407f6d1e.js');
-const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-c2ca46db.js');
+const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-a0ff1263.js');
 const vegaInternalEventId = require('./vega-internal-event-id-e138d4d6.js');
 const observer = require('./observer-f49483e8.js');
-const monthViewGenerator = require('./month-view-generator-8ed9818e.js');
+const monthViewGenerator = require('./month-view-generator-43e75062.js');
+const responsiveFormatFacade = require('./responsive-format-facade-cc368403.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
 require('./string-39438062.js');
 require('./index-592b4052.js');
-require('./page-resize-observer-slimmer-273d62ef.js');
-require('./breakpoints-1cc2c4c6.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-aa93ab4f.js');
+require('./sub-state-observer-slimmer-5bfe8e97.js');
 require('./icon-manager-e855446d.js');
 require('./create-public-api-runtime-metrics-slimmer-122350c3.js');
 require('./number-4816603d.js');
 require('./index-3ca118c4.js');
-require('./string-format-strategy.abstract-2aec209d.js');
-require('./wait-for-component-did-render-a13f7eb9.js');
-require('./keyboard-manager-1e045791.js');
-require('./internal-vega-event-manager-063c17cb.js');
+require('./string-format-strategy.abstract-67421e2b.js');
+require('./wait-for-component-did-render-762084fc.js');
+require('./keyboard-manager-5babfda8.js');
+require('./internal-vega-event-manager-6e49d1ca.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
-require('./responsive-format-facade-9647775d.js');
+require('./breakpoints-1cc2c4c6.js');
 require('./pixel-98f2a10c.js');
 
 /**
@@ -271,7 +271,7 @@ const Icons = {
   },
 };
 
-var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -304,7 +304,7 @@ class VegaDatePickerRenderer extends globalSlimmerRegistry.VegaSlimmer {
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, vegaEventId.VegaClick, async () => {
             await this.focusInput();
           });
-        }, isFieldRequired: this.required, disabled: this.disabled, label: this.label })));
+        }, isFieldRequired: this.required, disabled: this.disabled, optional: this.optional, label: this.label })));
     };
     /**
      * The below method is e2e-test covered in
@@ -341,47 +341,50 @@ class VegaDatePickerRenderer extends globalSlimmerRegistry.VegaSlimmer {
 (() => {
   internalIconManager.VegaInternalIconManager.register({ calendar: Icons.calendar });
 })();
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "disabled", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "size", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "mode", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "label", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "required", void 0);
-__decorate$l([
+__decorate$m([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerRenderer.prototype, "optional", void 0);
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "readOnly", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "autoValidation", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "host", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "isMobileDevice", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerRangeInputRenderer", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "calendarOpenStateController", void 0);
 
-var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -424,26 +427,26 @@ class VegaDatePickerInputRendererBase extends globalSlimmerRegistry.VegaSlimmer
       index.h("vega-icon", { icon: "close" })))));
   }
 }
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "disabled", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "showClearIcon", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "mode", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "isCalendarShow", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "vegaDatePickerValueController", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "calendarOpenStateController", void 0);
 
-var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -496,35 +499,35 @@ class VegaDatePickerSingleInputRenderer extends VegaDatePickerInputRendererBase
     this.singleDateInputRef.focus();
   }
 }
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "placeholder", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "format", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "label", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "isCalendarShow", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "calendarOpenStateController", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "translationSlimmer", void 0);
 
-var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -622,38 +625,38 @@ class VegaDatePickerRangeInputRenderer extends VegaDatePickerInputRendererBase {
     await this.vegaDatePickerCalendarRenderer.triggerRepick(type);
   }
 }
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "placeholder", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "label", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "isCalendarShow", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "calendarOpenStateController", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "translationSlimmer", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "allowRepick", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "format", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
 
-var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -780,68 +783,68 @@ VegaDatePickerCalendarRenderer$1.regularDatePickerCalendarDimensionsForRange = {
   width: 608,
   height: 358,
 };
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "format", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "value", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "mode", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "minDate", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "maxDate", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "clearButton", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "dropdownConfig", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "showYearMonthDropdowns", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "timezone", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "isMobileDevice", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "isCalendarShow", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "isDateDisabled", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "allowRepick", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "disabled", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "label", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "monthYearChangeEventEmitter", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "translationSlimmer", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "vegaDatePickerValueController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "calendarOpenStateController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaDatePickerCalendarRenderer$1.prototype, "componentDidLoad", null);
 
-var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -963,41 +966,41 @@ class VegaDatePickerValueController extends globalSlimmerRegistry.VegaSlimmer {
     return isValid;
   }
 }
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerValueController.prototype, "value", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "mode", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "format", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "changeEventEmitter", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "host", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "isCalendarShow", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "calendarOpenStateController", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerValueController.prototype, "componentWillLoad", null);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentMethod('watchValue')
 ], VegaDatePickerValueController.prototype, "watchValue", null);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentMethod('watchMode')
 ], VegaDatePickerValueController.prototype, "watchMode", null);
 
-var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1110,29 +1113,29 @@ class VegaDatePickerFormatController extends stringInputFormatterSlimmer.StringI
     this.setup();
   }
 }
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "format", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "mode", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "vegaDatePickerRangeInputRenderer", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaDatePickerFormatController.prototype, "componentDidLoad", null);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('watchFormat')
 ], VegaDatePickerFormatController.prototype, "watchFormat", null);
 
-var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1169,13 +1172,13 @@ class VegaDatePickerKeyboardController extends keyboardManagerSlimmer.KeyboardMa
     ]);
   }
 }
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerKeyboardController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerKeyboardController.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerKeyboardController.prototype, "vegaDatePickerRangeInputRenderer", void 0);
 
@@ -1230,7 +1233,7 @@ const VegaDatePickerRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1404,52 +1407,52 @@ class VegaDatePickerCalendarOpenStateController extends elementAppenderSlimmer.E
     }
   }
 }
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "dropdownConfig", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "value", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "format", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "mode", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarOpenStateController.prototype, "isCalendarShow", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "isMobileDevice", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePickerCalendarOpenStateController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], VegaDatePickerCalendarOpenStateController.prototype, "componentDidRender", null);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('doOpen')
 ], VegaDatePickerCalendarOpenStateController.prototype, "doOpen", null);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('doClose')
 ], VegaDatePickerCalendarOpenStateController.prototype, "doClose", null);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('watchDisabled')
 ], VegaDatePickerCalendarOpenStateController.prototype, "watchDisabled", null);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('watchIsCalendarShow')
 ], VegaDatePickerCalendarOpenStateController.prototype, "watchIsCalendarShow", null);
 
 const vegaDatePickerCss = ":host{display:inline-block;width:100%;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host .vega-input-container{position:relative;display:block;border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));display:flex;align-items:center}:host .vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-container .date-picker-input{padding-left:16px;padding-right:16px;width:100%;box-sizing:border-box;display:flex;align-items:center}:host .vega-input-container.default .date-picker-input{padding-left:16px;padding-right:16px}:host .vega-input-container.small .date-picker-input{padding-left:12px;padding-right:12px}:host .vega-input-container.default .date-picker-input input{padding-top:12px;padding-bottom:12px}:host .vega-input-container.small .date-picker-input input{padding-top:8px;padding-bottom:8px}:host .vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-input-container.single-mode.error:focus-within,:host .vega-input-container.range-mode.error .date-picker-input:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-radius:8px}:host .vega-input-container.range-mode.error .date-picker-input:first-of-type:focus-within{margin:-1px 0 -1px -1px}:host .vega-input-container.range-mode.error .date-picker-input:last-of-type:focus-within{margin:-1px -1px -1px 0}:host .vega-input-container.single-mode:not(.error):focus-within,:host .vega-input-container.range-mode:not(.error) .date-picker-input:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-radius:8px}:host .vega-input-container.range-mode .date-picker-input:first-of-type:focus-within{margin:-1px 0 -1px -1px}:host .vega-input-container.range-mode .date-picker-input:last-of-type:focus-within{margin:-1px -1px -1px 0}:host .vega-input-container input{width:100%;box-sizing:content-box;border-width:0px;margin:0px;outline:2px solid transparent;outline-offset:2px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-left:8px;padding-right:8px;padding-top:12px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}:host .range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-input-container.range-mode.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-input-prefix{display:flex;margin-right:8px}:host .vega-input-container.range-mode.mobile.small .vega-input-prefix{margin-right:8px}:host .vega-input-container.range-mode.mobile{flex-direction:column}:host .vega-input-container.range-mode.mobile .date-picker-input:last-of-type{padding-left:40px}:host .vega-input-container.range-mode.mobile.small .date-picker-input:last-of-type{padding-left:36px}:host(.disabled) .vega-input-container{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.disabled) .vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.disabled) .vega-input-container input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}";
 
-var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
     r = Reflect.decorate(decorators, target, key, desc);
@@ -1543,6 +1546,16 @@ const VegaDatePicker = class {
      * @vegaVersion 1.3.0
      */
     this.required = false;
+    /**
+     * Indicates whether the field should be presented as optional.
+     *
+     * This property only takes effect when `required` is `false`.
+     * When `true`, an "optional" label is displayed next to the field label.
+     *
+     * @default false
+     * @vegaVersion 2.89.0
+     */
+    this.optional = false;
     /**
      * Specifies the validation status of the date picker component.
      *
@@ -1719,63 +1732,63 @@ const VegaDatePicker = class {
     "disabled": ["watchDisabled"]
   }; }
 };
-__decorate$c([
+__decorate$d([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaDatePicker.prototype, "globalSlimmers", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "translationSlimmer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "calendarOpenStateController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerValueController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerFormatController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "startInputFormatController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "endInputFormatController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerKeyboardController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerRangeInputRenderer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "formFieldController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "changeEventEmitter", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "monthYearChangeEventEmitter", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "inputEventPrevent", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$c([
+__decorate$d([
   componentLoadRequired.ComponentLoadRequired()
 ], VegaDatePicker.prototype, "watchValue", null);
 VegaDatePicker.style = vegaDatePickerCss;
 
-var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1827,34 +1840,34 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
     });
   }
 }
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "host", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "clearButton", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "calendarSelection", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "monthItemRenderer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "staticHeight", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "translationSlimmer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "mode", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "clearEventEmitter", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "headerRenderer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "isDualMonths", void 0);
 
@@ -1873,7 +1886,7 @@ const MonthNames = [
   'December',
 ];
 
-var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1965,13 +1978,13 @@ class VegaDatePickerCalendarYearMonthSwitcherRenderer extends globalSlimmerRegis
   }
   renderCurrentMonth() {
     const label = this.translationSlimmer.t(this.currentPeriod.current.getMonthName());
-    return this.size === 'small' && this.showYearMonthDropdowns ? (index.h("vega-button-link", { class: "small-month-item-name", size: "small", label: label })) : (index.h("div", { class: "month-item-name", role: this.showYearMonthDropdowns ? 'button' : undefined, tabIndex: this.showYearMonthDropdowns ? 0 : undefined, "aria-label": this.showYearMonthDropdowns ? label : undefined, onKeyDown: this.showYearMonthDropdowns ? accessibility.createEnterKeyHandlerToTriggerClick() : undefined },
+    return this.currentSize === 'small' && this.showYearMonthDropdowns ? (index.h("vega-button-link", { class: "small-month-item-name", size: "small", label: label })) : (index.h("div", { class: "month-item-name", role: this.showYearMonthDropdowns ? 'button' : undefined, tabIndex: this.showYearMonthDropdowns ? 0 : undefined, "aria-label": this.showYearMonthDropdowns ? label : undefined, onKeyDown: this.showYearMonthDropdowns ? accessibility.createEnterKeyHandlerToTriggerClick() : undefined },
       index.h("span", null, label),
       this.renderDropdownSwitchIcon()));
   }
   renderCurrentYear() {
     const label = this.currentPeriod.current.year.toString();
-    return this.size === 'small' && this.showYearMonthDropdowns ? (index.h("vega-button-link", { class: "small-month-item-year", size: "small", label: label })) : (index.h("div", { class: "month-item-year", role: this.showYearMonthDropdowns ? 'button' : undefined, tabIndex: this.showYearMonthDropdowns ? 0 : undefined, "aria-label": this.showYearMonthDropdowns ? label : undefined, onKeyDown: this.showYearMonthDropdowns ? accessibility.createEnterKeyHandlerToTriggerClick() : undefined },
+    return this.currentSize === 'small' && this.showYearMonthDropdowns ? (index.h("vega-button-link", { class: "small-month-item-year", size: "small", label: label })) : (index.h("div", { class: "month-item-year", role: this.showYearMonthDropdowns ? 'button' : undefined, tabIndex: this.showYearMonthDropdowns ? 0 : undefined, "aria-label": this.showYearMonthDropdowns ? label : undefined, onKeyDown: this.showYearMonthDropdowns ? accessibility.createEnterKeyHandlerToTriggerClick() : undefined },
       index.h("span", null, label),
       this.renderDropdownSwitchIcon()));
   }
@@ -1999,38 +2012,38 @@ class VegaDatePickerCalendarYearMonthSwitcherRenderer extends globalSlimmerRegis
 })();
 VegaDatePickerCalendarYearMonthSwitcherRenderer.DEFAULT_MINIMUM_DROPDOWN_YEAR_BEFORE_CURRENT_YEAR = 10;
 VegaDatePickerCalendarYearMonthSwitcherRenderer.DEFAULT_MINIMUM_DROPDOWN_YEAR_AFTER_CURRENT_YEAR = 10;
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "currentPeriodController", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "showYearMonthDropdowns", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "translationSlimmer", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "minCalendarDate", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "maxCalendarDate", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "yearMonthDropdownProps", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "currentPeriod", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "size", void 0);
-__decorate$a([
+], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "currentSize", void 0);
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "mode", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "isDualMonths", void 0);
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2070,17 +2083,17 @@ class VegaDatePickerCalendarStateBaseAbstract extends globalSlimmerRegistry.Vega
     return true;
   }
 }
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarStateBaseAbstract.prototype, "host", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarStateBaseAbstract.prototype, "connectedCallback", null);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaDatePickerCalendarStateBaseAbstract.prototype, "disconnectedCallback", null);
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2215,65 +2228,65 @@ class VegaDatePickerCalendarCurrentPeriodController extends VegaDatePickerCalend
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.host, vegaInternalEventId.VegaInternalDatePickerCalendarUpdatePeriodByUser);
   }
 }
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "currentPeriod", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "host", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "today", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "mode", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "format", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "timezone", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "minCalendarDate", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "maxCalendarDate", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "isMobileDevice", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "monthYearChangeEventEmitter", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "calendarSelection", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "isDualMonths", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "connectedCallback", null);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "disconnectedCallback", null);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "componentWillLoad", null);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('watchMaxCalendarDate')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "watchMaxCalendarDate", null);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('watchMinCalendarDate')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "watchMinCalendarDate", null);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('watchCurrentPeriod')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "watchCurrentPeriod", null);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('reset')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "resetCurrentPeriod", null);
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2296,20 +2309,20 @@ class VegaDatePickerCalendarTodayController extends globalSlimmerRegistry.VegaSl
     this.today = typeGuard.CalendarDate.from(new Date(), this.timezone);
   }
 }
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarTodayController.prototype, "timezone", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarTodayController.prototype, "today", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarTodayController.prototype, "connectedCallback", null);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('watchTimezone')
 ], VegaDatePickerCalendarTodayController.prototype, "watchTimezone", null);
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2400,49 +2413,46 @@ class VegaDatePickerMonthItemRenderer extends globalSlimmerRegistry.VegaSlimmer
     return this.maxCalendarDate && day.isAfter(this.maxCalendarDate);
   }
 }
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "currentPeriod", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "today", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "translationSlimmer", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "hoverDate", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "maxCalendarDate", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "minCalendarDate", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "selectionController", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "calendarSelection", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "staticHeight", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "mode", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "fillContainer", void 0);
-__decorate$6([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerMonthItemRenderer.prototype, "size", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "isDualMonths", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "isDateDisabled", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "dateIndicator", void 0);
 
@@ -2570,7 +2580,7 @@ class CalendarSelection {
   }
 }
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2715,50 +2725,50 @@ class VegaDatePickerCalendarSelectionController extends VegaDatePickerCalendarSt
     changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalDatePickerCalendarUpdatePeriodByUser), {});
   }
 }
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "host", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "mode", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "format", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarSelectionController.prototype, "selection", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarSelectionController.prototype, "calendarSelection", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarSelectionController.prototype, "hoverDate", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "clearEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "vegaSelectionChangeEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "allowRepickController", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "translationSlimmer", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerCalendarSelectionController.prototype, "componentWillLoad", null);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('watchSelection')
 ], VegaDatePickerCalendarSelectionController.prototype, "watchSelection", null);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('reset')
 ], VegaDatePickerCalendarSelectionController.prototype, "resetRange", null);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('watchCalendarSelection')
 ], VegaDatePickerCalendarSelectionController.prototype, "watchCalendarSelection", null);
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2788,32 +2798,32 @@ class VegaDatePickerCalendarMinMaxDateController extends globalSlimmerRegistry.V
     this.minCalendarDate = typeGuard.CalendarDate.fromString(this.minDate, this.format);
   }
 }
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "maxDate", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "minDate", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "format", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "maxCalendarDate", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "minCalendarDate", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "componentWillLoad", null);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('watchMaxDate')
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "watchMaxDate", null);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('watchMinDate')
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "watchMinDate", null);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2865,23 +2875,23 @@ class VegaDatePickerCalendarAllowRepickController extends globalSlimmerRegistry.
     }
   }
 }
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarAllowRepickController.prototype, "calendarSelection", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarAllowRepickController.prototype, "isMobileDevice", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarAllowRepickController.prototype, "currentPeriodController", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('triggerRepick')
 ], VegaDatePickerCalendarAllowRepickController.prototype, "triggerRepick", null);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('watchCalendarSelection')
 ], VegaDatePickerCalendarAllowRepickController.prototype, "watchCalendarSelection", null);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2927,18 +2937,19 @@ class VegaDatePickerCalendarHeaderRenderer extends globalSlimmerRegistry.VegaSli
       }, size: this.getNavigationIconSize(), iconColor: isDisabled ? 'text-disabled' : 'text-link', disabled: isDisabled }));
   }
   renderToday() {
-    const hasLabel = this.isDualMonths && this.size !== 'small';
+    const hasLabel = this.isDualMonths && this.currentSize !== 'small';
     return (index.h("vega-button-link", { class: {
         'button-today': true,
         'with-label': hasLabel,
       }, "data-aria-label": this.translationSlimmer.t('Today'), label: hasLabel ? this.translationSlimmer.t('Today') : '', ref: (ref) => {
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
           this.currentPeriodController.updateCalendarPeriod(new typeGuard.MonthPeriod(this.today, true, this.timezone));
+          this.todayClickEventEmitter.emit(this.today.toString());
         });
-      }, size: this.size === 'large' ? 'default' : 'small', icon: internalIconManager.VegaInternalIconManager.getIconKey('bulls-eye') }));
+      }, size: this.currentSize === 'large' ? 'default' : 'small', icon: internalIconManager.VegaInternalIconManager.getIconKey('bulls-eye') }));
   }
   getNavigationIconSize() {
-    if (this.size === 'large')
+    if (this.currentSize === 'large')
       return 'small';
     return 'extra-small';
   }
@@ -2950,38 +2961,41 @@ class VegaDatePickerCalendarHeaderRenderer extends globalSlimmerRegistry.VegaSli
     'bulls-eye': Icons['bulls-eye'],
   });
 })();
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "currentPeriod", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "today", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "translationSlimmer", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "yearMonthSwitcherRender", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "currentPeriodController", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "maxCalendarDate", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "minCalendarDate", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerCalendarHeaderRenderer.prototype, "size", void 0);
-__decorate$2([
+], VegaDatePickerCalendarHeaderRenderer.prototype, "currentSize", void 0);
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "timezone", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "isDualMonths", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerCalendarHeaderRenderer.prototype, "todayClickEventEmitter", void 0);
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -3023,28 +3037,72 @@ class VegaDatePickerCalendarIsDualMonthsController extends globalSlimmerRegistry
     }
   }
 }
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "mode", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "dualMonths", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "isDualMonths", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "isMobileDevice", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "componentWillLoad", null);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentMethod('watchMode')
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "watchMode", null);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentMethod('watchDualMonths')
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "watchDualMonths", null);
 
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Controller for managing the size of the Vega date picker calendar.
+ */
+class VegaDatePickerCalendarSizeController extends pageResizeObserverSlimmer.PageResizeObserverSlimmer {
+  constructor() {
+    super({
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      callback: () => {
+        this.currentSize = this.getCurrentSize();
+      },
+    });
+  }
+  /**
+   * Updates the current size of the date picker calendar whenever the component is about to load or when the size prop changes.
+   */
+  updateCurrentSize() {
+    this.currentSize = this.getCurrentSize();
+  }
+  /**
+   * Returns the current size of the date picker calendar, formatted as a DatePickerCalendarSizeType.
+   *
+   * @returns {DatePickerCalendarSizeType} The current size of the date picker calendar.
+   */
+  getCurrentSize() {
+    return responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.size);
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerCalendarSizeController.prototype, "size", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaDatePickerCalendarSizeController.prototype, "currentSize", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('componentWillLoad'),
+  globalSlimmerRegistry.MapToComponentMethod('watchSize')
+], VegaDatePickerCalendarSizeController.prototype, "updateCurrentSize", null);
+
 const vegaDatePickerCalendarCss = ":host{--vega-litepicker-container-width:calc(var(--vega-litepicker-day-width) * 7)}.calendar,.calendar .container__main,.calendar .container__months{height:100%}:host(.small.dual-months) .calendar.static-height .container__main,:host(.regular.dual-months) .calendar.static-height .container__main,:host(.large.dual-months) .calendar.static-height .container__main{aspect-ratio:1/1}:host .month-item-header .button-today::part(link){color:rgba(var(--v-text-link, 19, 98, 226, 1));vertical-align:top}:host .month-item-header vega-dropdown .month-item-name,:host .month-item-header vega-dropdown .month-item-year{display:flex;gap:8px;align-items:center;cursor:pointer;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}:host .month-item-header vega-dropdown.active .month-item-name,:host .month-item-header vega-dropdown.active .month-item-year{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .month-item-header .button-previous-month.disabled,:host .month-item-header .button-next-month.disabled{pointer-events:none}:host(.small.single) vega-dropdown .month-item-name span{max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.small){--vega-litepicker-day-width:28px;--vega-litepicker-day-height:28px;--vega-date-picker-calendar-range-space-size:16px}:host(.small) .current-month-year{text-align:center;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .current-month-year{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .current-month-year{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .current-month-year{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .month-item-header{gap:8px;margin-bottom:12px}:host(.small) .month-item-header .button-today{height:16px}:host(.small) .month-item-header .month-item-name,:host(.small) .month-item-header .month-item-year{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .month-item-header .month-item-name,:host(.small) .month-item-header .month-item-year{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .month-item-header .month-item-name,:host(.small) .month-item-header .month-item-year{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .month-item-header .month-item-name,:host(.small) .month-item-header .month-item-year{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .month-item-header .month-item-name{margin-right:4px}:host(.small) .month-item-header vega-dropdown .month-item-name{margin-right:8px}:host(.small) .month-item-header vega-dropdown .month-item-name,:host(.small) .month-item-header vega-dropdown .month-item-year{border-radius:4px;padding-left:4px;padding-right:4px;font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;gap:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .month-item-header vega-dropdown .month-item-name,:host(.small) .month-item-header vega-dropdown .month-item-year{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .month-item-header vega-dropdown .month-item-name,:host(.small) .month-item-header vega-dropdown .month-item-year{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .month-item-header vega-dropdown .month-item-name,:host(.small) .month-item-header vega-dropdown .month-item-year{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host(.small) .month-item-header vega-dropdown .month-item-name vega-icon,:host(.small) .month-item-header vega-dropdown .month-item-year vega-icon{width:12px;height:12px}:host(.small) .month-item-header .small-month-item-name{margin-right:8px}:host(.small) .month-item-header .small-month-item-name::part(label-container),:host(.small) .month-item-header .small-month-item-year::part(label-container){font-size:14px}:host(.small) .month-item .current-month-year{margin-bottom:4px}:host(.small) .calendar .container__main{max-width:360px;max-height:360px}:host(.small) .calendar .container__months .month-item-header{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px;margin-bottom:4px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .calendar .container__months .month-item-header{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .calendar .container__months .month-item-header{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .calendar .container__months .month-item-header{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host(.small) .calendar .container__days .day-item .day-content{width:18px;height:18px}:host(.small) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px;width:18px;height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.small) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.small) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.small) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0px}}:host(.small) .calendar .container__days .day-item:focus-visible .day-content{width:16px}:host(.small) .calendar .container__days .day-item:focus-visible .day-content{width:16px}:host(.small) .calendar .container__days vega-tooltip .day-item .day-content:after{width:4px;height:4px;bottom:-3px;left:calc(50% - 2px)}:host(.small.dual-months) .calendar .container__main{width:100%;max-width:600px;max-height:360px}:host(.regular){--vega-litepicker-day-width:40px;--vega-litepicker-day-height:40px;--vega-date-picker-calendar-range-space-size:24px}:host(.regular) .current-month-year{text-align:center;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .current-month-year{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .current-month-year{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .current-month-year{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .month-item-header{gap:16px;margin-bottom:24px}:host(.regular) .month-item-header .button-today{height:16px}:host(.regular) .month-item-header .button-today.with-label{height:18px}:host(.regular) .month-item-header .month-item-name,:host(.regular) .month-item-header .month-item-year{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .month-item-header .month-item-name,:host(.regular) .month-item-header .month-item-year{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .month-item-header .month-item-name,:host(.regular) .month-item-header .month-item-year{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .month-item-header .month-item-name,:host(.regular) .month-item-header .month-item-year{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .month-item-header .month-item-name{margin-right:4px}:host(.regular) .month-item-header vega-dropdown .month-item-name{margin-right:16px}:host(.regular) .month-item-header vega-dropdown .month-item-name,:host(.regular) .month-item-header vega-dropdown .month-item-year{border-radius:4px;padding-left:8px;padding-right:8px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px;padding-top:3px;padding-bottom:3px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .month-item-header vega-dropdown .month-item-name,:host(.regular) .month-item-header vega-dropdown .month-item-year{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .month-item-header vega-dropdown .month-item-name,:host(.regular) .month-item-header vega-dropdown .month-item-year{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .month-item-header vega-dropdown .month-item-name,:host(.regular) .month-item-header vega-dropdown .month-item-year{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:16px}}:host(.regular) .month-item .current-month-year{margin-bottom:12px}:host(.regular) .calendar .container__main{max-width:450px;max-height:450px}:host(.regular) .calendar .container__months .month-item-header{margin-bottom:12px}:host(.regular) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}:host(.regular) .calendar .container__days .day-item .is-start-date,:host(.regular) .calendar .container__days .day-item .is-end-date{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .calendar .container__days .day-item .is-start-date,:host(.regular) .calendar .container__days .day-item .is-end-date{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .calendar .container__days .day-item .is-start-date,:host(.regular) .calendar .container__days .day-item .is-end-date{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .calendar .container__days .day-item .is-start-date,:host(.regular) .calendar .container__days .day-item .is-end-date{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .calendar .container__days .day-item .day-content{width:24px;height:24px}:host(.regular) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.regular) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.regular) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.regular) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host(.regular) .calendar .container__days vega-tooltip .day-item .day-content:after{width:4px;height:4px;bottom:-3px;left:calc(50% - 2px)}:host(.regular.dual-months) .calendar .container__main{width:100%;max-width:900px;max-height:450px}:host(.large){--vega-litepicker-day-width:56px;--vega-litepicker-day-height:56px;--vega-date-picker-calendar-range-space-size:40px}:host(.large) .current-month-year{text-align:center;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .current-month-year{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .current-month-year{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .current-month-year{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .month-item-header{gap:16px;margin-bottom:24px}:host(.large) .month-item-header .button-today{height:16px}:host(.large) .month-item-header .button-today.with-label{height:24px}:host(.large) .month-item-header .month-item-name{margin-right:4px}:host(.large) .month-item-header .month-item-name,:host(.large) .month-item-header .month-item-year{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px;gap:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .month-item-header .month-item-name,:host(.large) .month-item-header .month-item-year{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .month-item-header .month-item-name,:host(.large) .month-item-header .month-item-year{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .month-item-header .month-item-name,:host(.large) .month-item-header .month-item-year{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .month-item-header vega-dropdown .month-item-name{margin-right:24px}:host(.large) .month-item-header vega-dropdown .month-item-name,:host(.large) .month-item-header vega-dropdown .month-item-year{border-radius:8px;padding-left:12px;padding-right:12px;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;padding-top:7px;padding-bottom:7px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .month-item-header vega-dropdown .month-item-name,:host(.large) .month-item-header vega-dropdown .month-item-year{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .month-item-header vega-dropdown .month-item-name,:host(.large) .month-item-header vega-dropdown .month-item-year{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .month-item-header vega-dropdown .month-item-name,:host(.large) .month-item-header vega-dropdown .month-item-year{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.large) .month-item .current-month-year{margin-bottom:16px}:host(.large) .calendar .container__main{max-width:600px;max-height:600px}:host(.large) .calendar .container__months .month-item-header{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px;margin-bottom:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__months .month-item-header{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__months .month-item-header{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__months .month-item-header{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__months .month-item-weekdays-row{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__months .month-item-weekdays-row div{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__days .day-item{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__days .day-item .is-start-date,:host(.large) .calendar .container__days .day-item .is-end-date{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__days .day-item .is-start-date,:host(.large) .calendar .container__days .day-item .is-end-date{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__days .day-item .is-start-date,:host(.large) .calendar .container__days .day-item .is-end-date{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__days .day-item .is-start-date,:host(.large) .calendar .container__days .day-item .is-end-date{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__days .day-item .day-content{width:36px;height:36px}:host(.large) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.large) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.large) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.large) .calendar .container__days .day-item.is-today .day-content{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.large) .calendar .container__days vega-tooltip .day-item .day-content:after{width:6px;height:6px;bottom:-4px;left:calc(50% - 3px)}:host(.regular) .container__days .day-item.is-today .day-content,:host(.large) .container__days .day-item.is-today .day-content{border:1px solid rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.regular) .container__days .day-item.is-today.is-start-date .day-content,:host(.regular) .container__days .day-item.is-today.is-end-date .day-content,:host(.regular) .container__days .day-item.is-today:active:not(.is-locked):not(.is-disabled) .day-content,:host(.large) .container__days .day-item.is-today.is-start-date .day-content,:host(.large) .container__days .day-item.is-today.is-end-date .day-content,:host(.large) .container__days .day-item.is-today:active:not(.is-locked):not(.is-disabled) .day-content{border-color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.large.dual-months) .calendar .container__main{width:100%;max-width:1200px;max-height:600px}:host(.fill-container) .calendar .container__main,:host(.fill-container.dual-months) .calendar .container__main{max-width:100%;max-height:100%}:host(.fill-container) .calendar .container__main .container__days,:host(.fill-container.dual-months) .calendar .container__main .container__days{width:100%;min-height:0px;flex:1 1 auto}:host(.fill-container) .calendar.static-height .container__main,:host(.fill-container.dual-months) .calendar.static-height .container__main{aspect-ratio:auto}.calendar .container__main{display:flex;flex-direction:column}.calendar .container__months{display:flex}:host(.dual-months) .calendar .container__months{width:100%;flex-direction:row}:host(.dual-months) .calendar .container__months .month-item:first-of-type{padding-right:var(--vega-date-picker-calendar-range-space-size)}:host(.dual-months) .calendar .container__months .month-item:last-of-type{padding-left:var(--vega-date-picker-calendar-range-space-size)}.calendar .container__months .month-item{box-sizing:content-box;position:relative;width:100%;height:100%;z-index:1;display:flex;flex-direction:column}.calendar .container__months .month-item:nth-child(2)::before{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));margin-bottom:32px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:none;width:1px;content:\"\";display:block}.calendar .container__months .month-item-weekdays-row{color:rgba(var(--v-text-primary, 32, 54, 69, 1));place-items:center}.calendar .aria-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.calendar .container__days{text-align:center;place-items:center;flex:1 1 auto}.calendar.static-height .container__days{align-content:flex-start}:host(:not(.fill-container)) .calendar:not(.static-height) .container__days{flex:none}.calendar .container__months .month-item-weekdays-row>div,.calendar .container__days>div,.calendar .container__days>vega-tooltip>div,.calendar .container__days>a{padding:4px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--vega-litepicker-day-height);width:100%;min-width:var(--vega-litepicker-day-width)}.calendar .container__days .day-item{color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:center;border-radius:9999px;cursor:default}.calendar .container__days .day-item .day-content{display:flex;align-items:center;justify-content:center;border-radius:4px;box-sizing:border-box}.calendar .container__days .day-item:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.calendar .container__days .day-item:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1));color:rgba(var(--v-text-on-action, 252, 252, 252, 1));border-width:0px;outline:none}.calendar .container__days .day-item:focus-visible{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));outline:none}.calendar .container__days .day-item.is-locked,.calendar .container__days .day-item.is-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1));-webkit-tap-highlight-color:transparent;cursor:not-allowed}.calendar .container__days .day-item.is-locked:hover,.calendar .container__days .day-item.is-disabled:hover{border-width:0px}.calendar .container__days .day-item.is-locked:active,.calendar .container__days .day-item.is-disabled:active{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:0px;outline:none}.calendar .container__days .day-item.is-disabled{text-decoration:line-through}.calendar .container__days .day-item.is-start-date,.calendar .container__days .day-item.is-end-date{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-on-action, 252, 252, 252, 1));position:relative;border-width:0px}.calendar .container__days .day-item.is-start-date:hover,.calendar .container__days .day-item.is-end-date:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.calendar .container__days .day-item.is-start-date:active,.calendar .container__days .day-item.is-end-date:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.calendar .container__days .day-item.is-start-date:focus-visible,.calendar .container__days .day-item.is-end-date:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}.calendar .container__days .day-item.is-start-date.is-disabled,.calendar .container__days .day-item.is-start-date.is-locked,.calendar .container__days .day-item.is-end-date.is-disabled,.calendar .container__days .day-item.is-end-date.is-locked{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}.calendar .container__days .day-item.is-start-date.is-end-date:after{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.calendar .container__days .day-item.is-start-date:after{position:absolute;top:0px;right:0px;bottom:0px;left:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:9999px;border-bottom-left-radius:9999px;content:\" \";z-index:-1;background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}.calendar .container__days .day-item.is-end-date:after{position:absolute;top:0px;right:0px;bottom:0px;left:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:9999px;border-bottom-right-radius:9999px;content:\" \";z-index:-1;background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}.calendar .container__days .day-item.is-in-range{border-radius:0px;background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1));border-width:0px}.calendar .container__days .day-item.is-in-range:hover{position:relative}.calendar .container__days .day-item.is-in-range:hover:before{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:\" \"}.calendar .container__days .day-item.is-in-range:focus-visible{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));outline:none}.calendar .container__days vega-tooltip{width:100%}.calendar .container__days vega-tooltip .day-item .day-content{position:relative}.calendar .container__days vega-tooltip .day-item .day-content:after{position:absolute;border-radius:9999px;content:\" \";background-color:rgba(var(--v-text-primary, 32, 54, 69, 1))}.calendar .container__days vega-tooltip .day-item.is-start-date .day-content:after,.calendar .container__days vega-tooltip .day-item.is-end-date .day-content:after,.calendar .container__days vega-tooltip .day-item:active:not(.is-locked):not(.is-disabled) .day-content:after{background-color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}.calendar.mobilefriendly[data-plugins*=mobilefriendly] .container__days>div{height:var(--vega-date-picker-calendar-day-height)}.calendar .clear-button{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.calendar .clear-button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.calendar .clear-button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.calendar .clear-button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}.calendar .footer-container{margin-top:16px;height:24px}:host(.vega-force-hidden){display:none !important}.calendar{left:initial !important;top:initial !important;position:initial !important}.button-next-month svg,.button-previous-month svg{width:12px;height:16px}.calendar .container__days>div:not(.day-item){-webkit-tap-highlight-color:transparent}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -3066,6 +3124,8 @@ const VegaDatePickerCalendar = class {
     this.monthYearChange = index.createEvent(this, "monthYearChange", 7);
     this.vegaSelectionChange = index.createEvent(this, "vegaSelectionChange", 7);
     this.selectionChange = index.createEvent(this, "selectionChange", 7);
+    this.vegaTodayClick = index.createEvent(this, "vegaTodayClick", 7);
+    this.todayClick = index.createEvent(this, "todayClick", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaDatePickerCalendarRenderer();
     this.isDualMonthsController = new VegaDatePickerCalendarIsDualMonthsController();
@@ -3079,12 +3139,16 @@ const VegaDatePickerCalendar = class {
     this.yearMonthSwitcherRender = new VegaDatePickerCalendarYearMonthSwitcherRenderer();
     this.allowRepickController = new VegaDatePickerCalendarAllowRepickController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.calendarSizeController = new VegaDatePickerCalendarSizeController();
     this.clearEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePickerCalendar, vegaEventId.VegaClear);
     this.monthYearChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePickerCalendar, vegaEventId.VegaMonthYearChange);
     this.vegaSelectionChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePickerCalendar, vegaEventId.VegaSelectionChange);
+    this.todayClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePickerCalendar, vegaEventId.VegaTodayClick);
+    this.currentSize = 'regular';
     this.isMobileDevice = ui.getDeviceType() === ui.DeviceType.MOBILE;
     /**
-     * Renders the calendar picker in different sizes. Defaults to regular size
+     * Renders the calendar picker in different sizes. Defaults to regular size.
+     *    Responsive sizing is supported starting with version 2.88.0.
      *
      * @vegaVersion 2.72.0
      */
@@ -3174,6 +3238,8 @@ const VegaDatePickerCalendar = class {
   }
   watchMinCalendarDate() {
   }
+  watchSize() {
+  }
   watchMode() {
   }
   watchSelection() {
@@ -3202,7 +3268,7 @@ const VegaDatePickerCalendar = class {
   }
   render() {
     return component.sanitizeVegaComponent(index.h(index.Host, { class: {
-        [this.size]: true,
+        [this.currentSize]: true,
         [this.mode]: true,
         'fill-container': this.fillContainer,
         'mobile': this.isMobileDevice,
@@ -3215,6 +3281,7 @@ const VegaDatePickerCalendar = class {
     "calendarSelection": ["watchCalendarSelection"],
     "maxCalendarDate": ["watchMaxCalendarDate"],
     "minCalendarDate": ["watchMinCalendarDate"],
+    "size": ["watchSize"],
     "mode": ["watchMode"],
     "selection": ["watchSelection"],
     "minDate": ["watchMinDate"],
@@ -3262,6 +3329,9 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePickerCalendar.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaDatePickerCalendar.prototype, "calendarSizeController", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePickerCalendar.prototype, "clearEventEmitter", void 0);
@@ -3271,6 +3341,9 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePickerCalendar.prototype, "vegaSelectionChangeEventEmitter", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaDatePickerCalendar.prototype, "todayClickEventEmitter", void 0);
 VegaDatePickerCalendar.style = vegaDatePickerCalendarCss;
 
 exports.vega_date_picker = VegaDatePicker;