@globalpayments/vega 2.87.0 → 2.89.0

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

@@ -1,59 +1,59 @@
 import { h, H as Host, F as Fragment, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { D as DateRequiredRule } from './date-required-rule-70324452.js';
-import { a0 as compareIsSameOrBefore, P as isDateStr, a1 as compareIsBefore, a2 as compareIsAfter, a3 as CalendarDate, a4 as buildDatePickerAnnouncement, a5 as MonthPeriod, a6 as isCalendarDateType } from './type-guard-ed1004cc.js';
+import { D as DateRequiredRule } from './date-required-rule-d6ce832c.js';
+import { a0 as compareIsSameOrBefore, P as isDateStr, a1 as compareIsBefore, a2 as compareIsAfter, a3 as CalendarDate, a4 as buildDatePickerAnnouncement, a5 as MonthPeriod, a6 as isCalendarDateType } from './type-guard-30eec79c.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { c as MapToComponentField, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9e70a18d.js';
-import { a as arrayToClassString, e as getDeepActiveElementInShadow, g as getDeviceType, D as DeviceType } from './ui-64815a12.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
-import { a as VegaClick, u as VegaSelectionChange, t as VegaClear, s as VegaMonthYearChange, Q as VegaOpen, g as VegaClose, i as VegaChange, V as VegaDropdownClick, v as VegaDropdownShow, w as VegaDropdownHide } from './vega-event-id-578c6c6d.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-03894a51.js';
+import { a as arrayToClassString, e as getDeepActiveElementInShadow, g as getDeviceType, D as DeviceType } from './ui-d73f756a.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
+import { a as VegaClick, v as VegaSelectionChange, u as VegaClear, t as VegaMonthYearChange, S as VegaOpen, g as VegaClose, i as VegaChange, V as VegaDropdownClick, x as VegaDropdownShow, y as VegaDropdownHide, w as VegaTodayClick } from './vega-event-id-92848bf5.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-d8217d93.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-84958bc9.js';
 import { F as FeatureFlag } from './feature-flag-controller-5ebc0cec.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
+import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as StringMaskStrategy } from './string-mask-strategy-53cb9b33.js';
-import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-e801bd7e.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-012a9a9b.js';
+import { S as StringMaskStrategy } from './string-mask-strategy-87efdb9e.js';
+import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-c3d483ef.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8fcfe60.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
-import { T as TranslationSlimmer } from './translation-slimmer-32353a1c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
+import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-afe5a638.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-44bbb5c6.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { C as ClickOutsideOnlyToDismissStrategy } from './click-outside-only-to-dismiss-strategy-3d286c1b.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7d9a9f5a.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7db3d5a7.js';
 import { z as VegaInternalDatePickerCalendarClear, A as VegaInternalDatePickerCalendarUpdatePeriodByUser } from './vega-internal-event-id-913e8be6.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { M as MonthViewGenerator } from './month-view-generator-918f1f88.js';
+import { M as MonthViewGenerator } from './month-view-generator-d341fa5a.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-51c0c2e1.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
 import './string-a953eafc.js';
 import './index-3b327f29.js';
-import './page-resize-observer-slimmer-e24d36c5.js';
-import './breakpoints-332702ed.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
-import './sub-state-observer-slimmer-81538a8c.js';
+import './sub-state-observer-slimmer-d924288a.js';
 import './icon-manager-691c8682.js';
 import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
 import './number-4398f2e1.js';
 import './index-9c9865c0.js';
-import './string-format-strategy.abstract-f6625ed7.js';
-import './wait-for-component-did-render-4069cbea.js';
-import './keyboard-manager-26e2fc32.js';
-import './internal-vega-event-manager-1ac5ee9a.js';
+import './string-format-strategy.abstract-de17b899.js';
+import './wait-for-component-did-render-b378bf16.js';
+import './keyboard-manager-404b9c17.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './vega-env-manager-8f8dc473.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
-import './responsive-format-facade-2a1d6398.js';
+import './breakpoints-332702ed.js';
 import './pixel-f32c07ce.js';
 
 /**
@@ -267,7 +267,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;
@@ -300,7 +300,7 @@ class VegaDatePickerRenderer extends VegaSlimmer {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, 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
@@ -337,47 +337,50 @@ class VegaDatePickerRenderer extends VegaSlimmer {
 (() => {
   VegaInternalIconManager.register({ calendar: Icons.calendar });
 })();
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "disabled", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "size", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "mode", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "label", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "required", void 0);
-__decorate$l([
+__decorate$m([
+  MapToComponentField()
+], VegaDatePickerRenderer.prototype, "optional", void 0);
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "readOnly", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "autoValidation", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "host", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "isMobileDevice", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerRangeInputRenderer", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$l([
+__decorate$m([
   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;
@@ -420,26 +423,26 @@ class VegaDatePickerInputRendererBase extends VegaSlimmer {
       h("vega-icon", { icon: "close" })))));
   }
 }
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "disabled", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "showClearIcon", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "mode", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "isCalendarShow", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "vegaDatePickerValueController", void 0);
-__decorate$k([
+__decorate$l([
   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;
@@ -492,35 +495,35 @@ class VegaDatePickerSingleInputRenderer extends VegaDatePickerInputRendererBase
     this.singleDateInputRef.focus();
   }
 }
-__decorate$j([
+__decorate$k([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "placeholder", void 0);
-__decorate$j([
+__decorate$k([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "format", void 0);
-__decorate$j([
+__decorate$k([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "label", void 0);
-__decorate$j([
+__decorate$k([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "isCalendarShow", void 0);
-__decorate$j([
+__decorate$k([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
-__decorate$j([
+__decorate$k([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$j([
+__decorate$k([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "calendarOpenStateController", void 0);
-__decorate$j([
+__decorate$k([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$j([
+__decorate$k([
   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;
@@ -618,38 +621,38 @@ class VegaDatePickerRangeInputRenderer extends VegaDatePickerInputRendererBase {
     await this.vegaDatePickerCalendarRenderer.triggerRepick(type);
   }
 }
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "placeholder", void 0);
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "label", void 0);
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "isCalendarShow", void 0);
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "calendarOpenStateController", void 0);
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "translationSlimmer", void 0);
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "allowRepick", void 0);
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "format", void 0);
-__decorate$i([
+__decorate$j([
   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;
@@ -776,68 +779,68 @@ VegaDatePickerCalendarRenderer$1.regularDatePickerCalendarDimensionsForRange = {
   width: 608,
   height: 358,
 };
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "format", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "value", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "mode", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "minDate", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "maxDate", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "clearButton", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "dropdownConfig", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "showYearMonthDropdowns", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "timezone", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "isMobileDevice", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "isCalendarShow", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "isDateDisabled", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "allowRepick", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "disabled", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "label", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "monthYearChangeEventEmitter", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "translationSlimmer", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "vegaDatePickerValueController", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "calendarOpenStateController", void 0);
-__decorate$h([
+__decorate$i([
   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;
@@ -959,41 +962,41 @@ class VegaDatePickerValueController extends VegaSlimmer {
     return isValid;
   }
 }
-__decorate$g([
+__decorate$h([
   MapToComponentField({ writable: true })
 ], VegaDatePickerValueController.prototype, "value", void 0);
-__decorate$g([
+__decorate$h([
   MapToComponentField()
 ], VegaDatePickerValueController.prototype, "mode", void 0);
-__decorate$g([
+__decorate$h([
   MapToComponentField()
 ], VegaDatePickerValueController.prototype, "format", void 0);
-__decorate$g([
+__decorate$h([
   MapToComponentField()
 ], VegaDatePickerValueController.prototype, "changeEventEmitter", void 0);
-__decorate$g([
+__decorate$h([
   MapToComponentField()
 ], VegaDatePickerValueController.prototype, "host", void 0);
-__decorate$g([
+__decorate$h([
   MapToComponentField()
 ], VegaDatePickerValueController.prototype, "isCalendarShow", void 0);
-__decorate$g([
+__decorate$h([
   MapToComponentField()
 ], VegaDatePickerValueController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$g([
+__decorate$h([
   MapToComponentField()
 ], VegaDatePickerValueController.prototype, "calendarOpenStateController", void 0);
-__decorate$g([
+__decorate$h([
   MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerValueController.prototype, "componentWillLoad", null);
-__decorate$g([
+__decorate$h([
   MapToComponentMethod('watchValue')
 ], VegaDatePickerValueController.prototype, "watchValue", null);
-__decorate$g([
+__decorate$h([
   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;
@@ -1106,29 +1109,29 @@ class VegaDatePickerFormatController extends StringInputFormatterSlimmer {
     this.setup();
   }
 }
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "format", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "mode", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "vegaDatePickerRangeInputRenderer", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentMethod('componentDidLoad')
 ], VegaDatePickerFormatController.prototype, "componentDidLoad", null);
-__decorate$f([
+__decorate$g([
   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;
@@ -1165,13 +1168,13 @@ class VegaDatePickerKeyboardController extends KeyboardManagerSlimmer {
     ]);
   }
 }
-__decorate$e([
+__decorate$f([
   MapToComponentField()
 ], VegaDatePickerKeyboardController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$e([
+__decorate$f([
   MapToComponentField()
 ], VegaDatePickerKeyboardController.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$e([
+__decorate$f([
   MapToComponentField()
 ], VegaDatePickerKeyboardController.prototype, "vegaDatePickerRangeInputRenderer", void 0);
 
@@ -1226,7 +1229,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;
@@ -1400,52 +1403,52 @@ class VegaDatePickerCalendarOpenStateController extends ElementAppenderSlimmer {
     }
   }
 }
-__decorate$d([
+__decorate$e([
   MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "dropdownConfig", void 0);
-__decorate$d([
+__decorate$e([
   MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$d([
+__decorate$e([
   MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$d([
+__decorate$e([
   MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "value", void 0);
-__decorate$d([
+__decorate$e([
   MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "format", void 0);
-__decorate$d([
+__decorate$e([
   MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "mode", void 0);
-__decorate$d([
+__decorate$e([
   MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarOpenStateController.prototype, "isCalendarShow", void 0);
-__decorate$d([
+__decorate$e([
   MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "isMobileDevice", void 0);
-__decorate$d([
+__decorate$e([
   InjectVegaSlimmer()
 ], VegaDatePickerCalendarOpenStateController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
-__decorate$d([
+__decorate$e([
   MapToComponentMethod('componentDidRender')
 ], VegaDatePickerCalendarOpenStateController.prototype, "componentDidRender", null);
-__decorate$d([
+__decorate$e([
   MapToComponentMethod('doOpen')
 ], VegaDatePickerCalendarOpenStateController.prototype, "doOpen", null);
-__decorate$d([
+__decorate$e([
   MapToComponentMethod('doClose')
 ], VegaDatePickerCalendarOpenStateController.prototype, "doClose", null);
-__decorate$d([
+__decorate$e([
   MapToComponentMethod('watchDisabled')
 ], VegaDatePickerCalendarOpenStateController.prototype, "watchDisabled", null);
-__decorate$d([
+__decorate$e([
   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);
@@ -1539,6 +1542,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.
      *
@@ -1715,63 +1728,63 @@ const VegaDatePicker = class {
     "disabled": ["watchDisabled"]
   }; }
 };
-__decorate$c([
+__decorate$d([
   InjectVegaGlobalSlimmer()
 ], VegaDatePicker.prototype, "globalSlimmers", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "translationSlimmer", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "calendarOpenStateController", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerValueController", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerFormatController", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "startInputFormatController", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "endInputFormatController", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerKeyboardController", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerRangeInputRenderer", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "formFieldController", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "changeEventEmitter", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "monthYearChangeEventEmitter", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "inputEventPrevent", void 0);
-__decorate$c([
+__decorate$d([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$c([
+__decorate$d([
   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;
@@ -1823,34 +1836,34 @@ class VegaDatePickerCalendarRenderer extends VegaSlimmer {
     });
   }
 }
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "host", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "clearButton", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "calendarSelection", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "monthItemRenderer", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "staticHeight", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "translationSlimmer", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "mode", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "clearEventEmitter", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "headerRenderer", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "isDualMonths", void 0);
 
@@ -1869,7 +1882,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;
@@ -1961,13 +1974,13 @@ class VegaDatePickerCalendarYearMonthSwitcherRenderer extends VegaSlimmer {
   }
   renderCurrentMonth() {
     const label = this.translationSlimmer.t(this.currentPeriod.current.getMonthName());
-    return this.size === 'small' && this.showYearMonthDropdowns ? (h("vega-button-link", { class: "small-month-item-name", size: "small", label: label })) : (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 ? createEnterKeyHandlerToTriggerClick() : undefined },
+    return this.currentSize === 'small' && this.showYearMonthDropdowns ? (h("vega-button-link", { class: "small-month-item-name", size: "small", label: label })) : (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 ? createEnterKeyHandlerToTriggerClick() : undefined },
       h("span", null, label),
       this.renderDropdownSwitchIcon()));
   }
   renderCurrentYear() {
     const label = this.currentPeriod.current.year.toString();
-    return this.size === 'small' && this.showYearMonthDropdowns ? (h("vega-button-link", { class: "small-month-item-year", size: "small", label: label })) : (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 ? createEnterKeyHandlerToTriggerClick() : undefined },
+    return this.currentSize === 'small' && this.showYearMonthDropdowns ? (h("vega-button-link", { class: "small-month-item-year", size: "small", label: label })) : (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 ? createEnterKeyHandlerToTriggerClick() : undefined },
       h("span", null, label),
       this.renderDropdownSwitchIcon()));
   }
@@ -1995,38 +2008,38 @@ class VegaDatePickerCalendarYearMonthSwitcherRenderer extends VegaSlimmer {
 })();
 VegaDatePickerCalendarYearMonthSwitcherRenderer.DEFAULT_MINIMUM_DROPDOWN_YEAR_BEFORE_CURRENT_YEAR = 10;
 VegaDatePickerCalendarYearMonthSwitcherRenderer.DEFAULT_MINIMUM_DROPDOWN_YEAR_AFTER_CURRENT_YEAR = 10;
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "currentPeriodController", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "showYearMonthDropdowns", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "translationSlimmer", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "minCalendarDate", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "maxCalendarDate", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "yearMonthDropdownProps", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "currentPeriod", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
-], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "size", void 0);
-__decorate$a([
+], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "currentSize", void 0);
+__decorate$b([
   MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "mode", void 0);
-__decorate$a([
+__decorate$b([
   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;
@@ -2066,17 +2079,17 @@ class VegaDatePickerCalendarStateBaseAbstract extends VegaSlimmer {
     return true;
   }
 }
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaDatePickerCalendarStateBaseAbstract.prototype, "host", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarStateBaseAbstract.prototype, "connectedCallback", null);
-__decorate$9([
+__decorate$a([
   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;
@@ -2211,65 +2224,65 @@ class VegaDatePickerCalendarCurrentPeriodController extends VegaDatePickerCalend
     DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.host, VegaInternalDatePickerCalendarUpdatePeriodByUser);
   }
 }
-__decorate$8([
+__decorate$9([
   MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "currentPeriod", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "host", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "today", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "mode", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "format", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "timezone", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "minCalendarDate", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "maxCalendarDate", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "isMobileDevice", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "monthYearChangeEventEmitter", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "calendarSelection", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "isDualMonths", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "connectedCallback", null);
-__decorate$8([
+__decorate$9([
   MapToComponentMethod('disconnectedCallback')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "disconnectedCallback", null);
-__decorate$8([
+__decorate$9([
   MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "componentWillLoad", null);
-__decorate$8([
+__decorate$9([
   MapToComponentMethod('watchMaxCalendarDate')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "watchMaxCalendarDate", null);
-__decorate$8([
+__decorate$9([
   MapToComponentMethod('watchMinCalendarDate')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "watchMinCalendarDate", null);
-__decorate$8([
+__decorate$9([
   MapToComponentMethod('watchCurrentPeriod')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "watchCurrentPeriod", null);
-__decorate$8([
+__decorate$9([
   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;
@@ -2292,20 +2305,20 @@ class VegaDatePickerCalendarTodayController extends VegaSlimmer {
     this.today = CalendarDate.from(new Date(), this.timezone);
   }
 }
-__decorate$7([
+__decorate$8([
   MapToComponentField()
 ], VegaDatePickerCalendarTodayController.prototype, "timezone", void 0);
-__decorate$7([
+__decorate$8([
   MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarTodayController.prototype, "today", void 0);
-__decorate$7([
+__decorate$8([
   MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarTodayController.prototype, "connectedCallback", null);
-__decorate$7([
+__decorate$8([
   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;
@@ -2396,49 +2409,46 @@ class VegaDatePickerMonthItemRenderer extends VegaSlimmer {
     return this.maxCalendarDate && day.isAfter(this.maxCalendarDate);
   }
 }
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "currentPeriod", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "today", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "translationSlimmer", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "hoverDate", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "maxCalendarDate", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "minCalendarDate", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "selectionController", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "calendarSelection", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "staticHeight", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "mode", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "fillContainer", void 0);
-__decorate$6([
-  MapToComponentField()
-], VegaDatePickerMonthItemRenderer.prototype, "size", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "isDualMonths", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "isDateDisabled", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "dateIndicator", void 0);
 
@@ -2566,7 +2576,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;
@@ -2711,50 +2721,50 @@ class VegaDatePickerCalendarSelectionController extends VegaDatePickerCalendarSt
     ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalDatePickerCalendarUpdatePeriodByUser), {});
   }
 }
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "host", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "mode", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "format", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarSelectionController.prototype, "selection", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarSelectionController.prototype, "calendarSelection", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarSelectionController.prototype, "hoverDate", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "clearEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "vegaSelectionChangeEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "allowRepickController", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "translationSlimmer", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerCalendarSelectionController.prototype, "componentWillLoad", null);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('watchSelection')
 ], VegaDatePickerCalendarSelectionController.prototype, "watchSelection", null);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('reset')
 ], VegaDatePickerCalendarSelectionController.prototype, "resetRange", null);
-__decorate$5([
+__decorate$6([
   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;
@@ -2784,32 +2794,32 @@ class VegaDatePickerCalendarMinMaxDateController extends VegaSlimmer {
     this.minCalendarDate = CalendarDate.fromString(this.minDate, this.format);
   }
 }
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "maxDate", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "minDate", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "format", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "maxCalendarDate", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "minCalendarDate", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "componentWillLoad", null);
-__decorate$4([
+__decorate$5([
   MapToComponentMethod('watchMaxDate')
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "watchMaxDate", null);
-__decorate$4([
+__decorate$5([
   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;
@@ -2861,23 +2871,23 @@ class VegaDatePickerCalendarAllowRepickController extends VegaSlimmer {
     }
   }
 }
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaDatePickerCalendarAllowRepickController.prototype, "calendarSelection", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaDatePickerCalendarAllowRepickController.prototype, "isMobileDevice", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaDatePickerCalendarAllowRepickController.prototype, "currentPeriodController", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentMethod('triggerRepick')
 ], VegaDatePickerCalendarAllowRepickController.prototype, "triggerRepick", null);
-__decorate$3([
+__decorate$4([
   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;
@@ -2923,18 +2933,19 @@ class VegaDatePickerCalendarHeaderRenderer extends VegaSlimmer {
       }, 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 (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.addUniqueObserverToNode(ref, VegaClick, () => {
           this.currentPeriodController.updateCalendarPeriod(new MonthPeriod(this.today, true, this.timezone));
+          this.todayClickEventEmitter.emit(this.today.toString());
         });
-      }, size: this.size === 'large' ? 'default' : 'small', icon: VegaInternalIconManager.getIconKey('bulls-eye') }));
+      }, size: this.currentSize === 'large' ? 'default' : 'small', icon: VegaInternalIconManager.getIconKey('bulls-eye') }));
   }
   getNavigationIconSize() {
-    if (this.size === 'large')
+    if (this.currentSize === 'large')
       return 'small';
     return 'extra-small';
   }
@@ -2946,38 +2957,41 @@ class VegaDatePickerCalendarHeaderRenderer extends VegaSlimmer {
     'bulls-eye': Icons['bulls-eye'],
   });
 })();
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "currentPeriod", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "today", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "translationSlimmer", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "yearMonthSwitcherRender", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "currentPeriodController", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "maxCalendarDate", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "minCalendarDate", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
-], VegaDatePickerCalendarHeaderRenderer.prototype, "size", void 0);
-__decorate$2([
+], VegaDatePickerCalendarHeaderRenderer.prototype, "currentSize", void 0);
+__decorate$3([
   MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "timezone", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "isDualMonths", void 0);
+__decorate$3([
+  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;
@@ -3019,28 +3033,72 @@ class VegaDatePickerCalendarIsDualMonthsController extends VegaSlimmer {
     }
   }
 }
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "mode", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "dualMonths", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "isDualMonths", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "isMobileDevice", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "componentWillLoad", null);
-__decorate$1([
+__decorate$2([
   MapToComponentMethod('watchMode')
 ], VegaDatePickerCalendarIsDualMonthsController.prototype, "watchMode", null);
-__decorate$1([
+__decorate$2([
   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 {
+  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.formatCustom(this.size);
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaDatePickerCalendarSizeController.prototype, "size", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaDatePickerCalendarSizeController.prototype, "currentSize", void 0);
+__decorate$1([
+  MapToComponentMethod('componentWillLoad'),
+  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) {
@@ -3062,6 +3120,8 @@ const VegaDatePickerCalendar = class {
     this.monthYearChange = createEvent(this, "monthYearChange", 7);
     this.vegaSelectionChange = createEvent(this, "vegaSelectionChange", 7);
     this.selectionChange = createEvent(this, "selectionChange", 7);
+    this.vegaTodayClick = createEvent(this, "vegaTodayClick", 7);
+    this.todayClick = createEvent(this, "todayClick", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaDatePickerCalendarRenderer();
     this.isDualMonthsController = new VegaDatePickerCalendarIsDualMonthsController();
@@ -3075,12 +3135,16 @@ const VegaDatePickerCalendar = class {
     this.yearMonthSwitcherRender = new VegaDatePickerCalendarYearMonthSwitcherRenderer();
     this.allowRepickController = new VegaDatePickerCalendarAllowRepickController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.calendarSizeController = new VegaDatePickerCalendarSizeController();
     this.clearEventEmitter = createEventEmitSlimmer(VegaDatePickerCalendar, VegaClear);
     this.monthYearChangeEventEmitter = createEventEmitSlimmer(VegaDatePickerCalendar, VegaMonthYearChange);
     this.vegaSelectionChangeEventEmitter = createEventEmitSlimmer(VegaDatePickerCalendar, VegaSelectionChange);
+    this.todayClickEventEmitter = createEventEmitSlimmer(VegaDatePickerCalendar, VegaTodayClick);
+    this.currentSize = 'regular';
     this.isMobileDevice = getDeviceType() === 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
      */
@@ -3170,6 +3234,8 @@ const VegaDatePickerCalendar = class {
   }
   watchMinCalendarDate() {
   }
+  watchSize() {
+  }
   watchMode() {
   }
   watchSelection() {
@@ -3198,7 +3264,7 @@ const VegaDatePickerCalendar = class {
   }
   render() {
     return sanitizeVegaComponent(h(Host, { class: {
-        [this.size]: true,
+        [this.currentSize]: true,
         [this.mode]: true,
         'fill-container': this.fillContainer,
         'mobile': this.isMobileDevice,
@@ -3211,6 +3277,7 @@ const VegaDatePickerCalendar = class {
     "calendarSelection": ["watchCalendarSelection"],
     "maxCalendarDate": ["watchMaxCalendarDate"],
     "minCalendarDate": ["watchMinCalendarDate"],
+    "size": ["watchSize"],
     "mode": ["watchMode"],
     "selection": ["watchSelection"],
     "minDate": ["watchMinDate"],
@@ -3258,6 +3325,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePickerCalendar.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDatePickerCalendar.prototype, "calendarSizeController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePickerCalendar.prototype, "clearEventEmitter", void 0);
@@ -3267,6 +3337,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePickerCalendar.prototype, "vegaSelectionChangeEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDatePickerCalendar.prototype, "todayClickEventEmitter", void 0);
 VegaDatePickerCalendar.style = vegaDatePickerCalendarCss;
 
 export { VegaDatePicker as vega_date_picker, VegaDatePickerCalendar as vega_date_picker_calendar };