@heartlandone/vega 2.80.0 → 2.82.0

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

@@ -4,39 +4,39 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const dateRequiredRule = require('./date-required-rule-9f0e3e99.js');
-const typeGuard = require('./type-guard-d760850a.js');
+const dateRequiredRule = require('./date-required-rule-6addf5dd.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
-const ui = require('./ui-9e8c9732.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0f3a028e.js');
+const ui = require('./ui-ae4ee13d.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const array = require('./array-249289f2.js');
-const internalTranslationController = require('./internal-translation-controller-9f58a4e4.js');
+const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const misc = require('./misc-3d30df91.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringMaskStrategy = require('./string-mask-strategy-418fc0b8.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-c2e04acc.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-68cff676.js');
+const stringMaskStrategy = require('./string-mask-strategy-3aa17744.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-1018ddec.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-879ff4f3.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-const translationSlimmer = require('./translation-slimmer-c069ca84.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
+const translationSlimmer = require('./translation-slimmer-d0c77ad2.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-7a66229b.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-dedd3a34.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const clickOutsideOnlyToDismissStrategy = require('./click-outside-only-to-dismiss-strategy-407f6d1e.js');
-const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-5a0a78fe.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-5507f917.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const observer = require('./observer-f49483e8.js');
-const monthViewGenerator = require('./month-view-generator-65a2f883.js');
+const monthViewGenerator = require('./month-view-generator-d262e6ce.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
@@ -46,18 +46,18 @@ require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-f728e068.js');
+require('./sub-state-observer-slimmer-b8f6f27b.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./number-4816603d.js');
 require('./index-f054eb5d.js');
-require('./string-format-strategy.abstract-c65d9861.js');
-require('./wait-for-component-did-render-b6aba2de.js');
-require('./keyboard-manager-9dbbb0d4.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./string-format-strategy.abstract-9a35e3b4.js');
+require('./wait-for-component-did-render-16863a21.js');
+require('./keyboard-manager-5ed6c472.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
-require('./responsive-format-facade-4419b4ae.js');
+require('./responsive-format-facade-2cab7344.js');
 require('./pixel-98f2a10c.js');
 
 /**
@@ -271,7 +271,7 @@ const Icons = {
   },
 };
 
-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;
@@ -341,47 +341,47 @@ class VegaDatePickerRenderer extends globalSlimmerRegistry.VegaSlimmer {
 (() => {
   internalIconManager.VegaInternalIconManager.register({ calendar: Icons.calendar });
 })();
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "disabled", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "size", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "mode", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "label", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "required", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "readOnly", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "autoValidation", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "host", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "isMobileDevice", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerRangeInputRenderer", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.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;
@@ -424,26 +424,26 @@ class VegaDatePickerInputRendererBase extends globalSlimmerRegistry.VegaSlimmer
       index.h("vega-icon", { icon: "close" })))));
   }
 }
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "disabled", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "showClearIcon", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "mode", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "isCalendarShow", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "vegaDatePickerValueController", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "calendarOpenStateController", 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;
@@ -496,35 +496,35 @@ class VegaDatePickerSingleInputRenderer extends VegaDatePickerInputRendererBase
     this.singleDateInputRef.focus();
   }
 }
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "placeholder", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "format", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "label", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "isCalendarShow", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "calendarOpenStateController", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "translationSlimmer", 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;
@@ -622,38 +622,38 @@ class VegaDatePickerRangeInputRenderer extends VegaDatePickerInputRendererBase {
     await this.vegaDatePickerCalendarRenderer.triggerRepick(type);
   }
 }
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "placeholder", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "label", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "isCalendarShow", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "calendarOpenStateController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "translationSlimmer", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "allowRepick", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "format", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
 
-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;
@@ -780,68 +780,68 @@ VegaDatePickerCalendarRenderer$1.regularDatePickerCalendarDimensionsForRange = {
   width: 608,
   height: 358,
 };
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "format", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "value", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "mode", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "minDate", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "maxDate", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "clearButton", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "dropdownConfig", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "showYearMonthDropdowns", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "timezone", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "isMobileDevice", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "isCalendarShow", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "isDateDisabled", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "allowRepick", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "disabled", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "label", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "monthYearChangeEventEmitter", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "translationSlimmer", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "vegaDatePickerValueController", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "calendarOpenStateController", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaDatePickerCalendarRenderer$1.prototype, "componentDidLoad", 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;
@@ -963,41 +963,41 @@ class VegaDatePickerValueController extends globalSlimmerRegistry.VegaSlimmer {
     return isValid;
   }
 }
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerValueController.prototype, "value", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "mode", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "format", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "changeEventEmitter", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "host", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "isCalendarShow", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerValueController.prototype, "calendarOpenStateController", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerValueController.prototype, "componentWillLoad", null);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('watchValue')
 ], VegaDatePickerValueController.prototype, "watchValue", null);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('watchMode')
 ], VegaDatePickerValueController.prototype, "watchMode", 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;
@@ -1110,29 +1110,29 @@ class VegaDatePickerFormatController extends stringInputFormatterSlimmer.StringI
     this.setup();
   }
 }
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "format", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "mode", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerFormatController.prototype, "vegaDatePickerRangeInputRenderer", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaDatePickerFormatController.prototype, "componentDidLoad", null);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentMethod('watchFormat')
 ], VegaDatePickerFormatController.prototype, "watchFormat", null);
 
-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;
@@ -1169,13 +1169,13 @@ class VegaDatePickerKeyboardController extends keyboardManagerSlimmer.KeyboardMa
     ]);
   }
 }
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerKeyboardController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerKeyboardController.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerKeyboardController.prototype, "vegaDatePickerRangeInputRenderer", void 0);
 
@@ -1230,7 +1230,7 @@ const VegaDatePickerRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-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);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1404,52 +1404,52 @@ class VegaDatePickerCalendarOpenStateController extends elementAppenderSlimmer.E
     }
   }
 }
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "dropdownConfig", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "value", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "format", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "mode", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarOpenStateController.prototype, "isCalendarShow", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "isMobileDevice", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePickerCalendarOpenStateController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], VegaDatePickerCalendarOpenStateController.prototype, "componentDidRender", null);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentMethod('doOpen')
 ], VegaDatePickerCalendarOpenStateController.prototype, "doOpen", null);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentMethod('doClose')
 ], VegaDatePickerCalendarOpenStateController.prototype, "doClose", null);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentMethod('watchDisabled')
 ], VegaDatePickerCalendarOpenStateController.prototype, "watchDisabled", null);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentMethod('watchIsCalendarShow')
 ], VegaDatePickerCalendarOpenStateController.prototype, "watchIsCalendarShow", null);
 
 const vegaDatePickerCss = ":host{display:inline-block;width:100%;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host .vega-input-container{position:relative;display:block;border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));display:flex;align-items:center}:host .vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-container .date-picker-input{padding-left:16px;padding-right:16px;width:100%;box-sizing:border-box;display:flex;align-items:center}:host .vega-input-container.default .date-picker-input{padding-left:16px;padding-right:16px}:host .vega-input-container.small .date-picker-input{padding-left:12px;padding-right:12px}:host .vega-input-container.default .date-picker-input input{padding-top:12px;padding-bottom:12px}:host .vega-input-container.small .date-picker-input input{padding-top:8px;padding-bottom:8px}:host .vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-input-container.single-mode.error:focus-within,:host .vega-input-container.range-mode.error .date-picker-input:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-radius:8px}:host .vega-input-container.range-mode.error .date-picker-input:first-of-type:focus-within{margin:-1px 0 -1px -1px}:host .vega-input-container.range-mode.error .date-picker-input:last-of-type:focus-within{margin:-1px -1px -1px 0}:host .vega-input-container.single-mode:not(.error):focus-within,:host .vega-input-container.range-mode:not(.error) .date-picker-input:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-radius:8px}:host .vega-input-container.range-mode .date-picker-input:first-of-type:focus-within{margin:-1px 0 -1px -1px}:host .vega-input-container.range-mode .date-picker-input:last-of-type:focus-within{margin:-1px -1px -1px 0}:host .vega-input-container input{width:100%;box-sizing:content-box;border-width:0px;margin:0px;outline:2px solid transparent;outline-offset:2px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-left:8px;padding-right:8px;padding-top:12px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}:host .range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-input-container.range-mode.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-input-prefix{display:flex;margin-right:8px}:host .vega-input-container.range-mode.mobile.small .vega-input-prefix{margin-right:8px}:host .vega-input-container.range-mode.mobile{flex-direction:column}:host .vega-input-container.range-mode.mobile .date-picker-input:last-of-type{padding-left:40px}:host .vega-input-container.range-mode.mobile.small .date-picker-input:last-of-type{padding-left:36px}:host(.disabled) .vega-input-container{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.disabled) .vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.disabled) .vega-input-container input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}";
 
-var __decorate$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);
@@ -1719,63 +1719,63 @@ const VegaDatePicker = class {
     "disabled": ["watchDisabled"]
   }; }
 };
-__decorate$b([
+__decorate$c([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaDatePicker.prototype, "globalSlimmers", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "translationSlimmer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "calendarOpenStateController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerValueController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerFormatController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "startInputFormatController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "endInputFormatController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerKeyboardController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerRenderer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerRangeInputRenderer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "formFieldController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "changeEventEmitter", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "monthYearChangeEventEmitter", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "inputEventPrevent", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$b([
+__decorate$c([
   componentLoadRequired.ComponentLoadRequired()
 ], VegaDatePicker.prototype, "watchValue", null);
 VegaDatePicker.style = vegaDatePickerCss;
 
-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;
@@ -1794,12 +1794,7 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("div", { class: "aria-announcement", "aria-live": "polite", "aria-atomic": "true" }, this.buildAnnouncement())));
   }
   renderContainer() {
-    const shouldRenderRangeMonth = this.shouldRenderRangeMonth();
-    return (index.h("div", { class: {
-        /* eslint-disable @typescript-eslint/naming-convention */
-        'container__months': true,
-        'columns-2': shouldRenderRangeMonth,
-      } }, shouldRenderRangeMonth ? this.renderRangeMonth() : this.monthItemRenderer.render('start')));
+    return (index.h("div", { class: "container__months" }, this.isDualMonths ? this.renderRangeMonth() : this.monthItemRenderer.render('start')));
   }
   renderRangeMonth() {
     return (index.h(index.Fragment, null,
@@ -1814,9 +1809,6 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
           });
         }, label: this.translationSlimmer.t('Clear') }))));
   }
-  shouldRenderRangeMonth() {
-    return this.mode === 'range' && !this.isMobileDevice;
-  }
   clearCalendar() {
     this.clearEventEmitter.emit();
     changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalDatePickerCalendarClear), {});
@@ -1835,36 +1827,36 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
     });
   }
 }
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "host", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "clearButton", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "calendarSelection", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "monthItemRenderer", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "staticHeight", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "translationSlimmer", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "mode", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "clearEventEmitter", void 0);
-__decorate$a([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerCalendarRenderer.prototype, "isMobileDevice", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "headerRenderer", void 0);
+__decorate$b([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerCalendarRenderer.prototype, "isDualMonths", void 0);
 
 const MonthNames = [
   'January',
@@ -1881,7 +1873,7 @@ const MonthNames = [
   'December',
 ];
 
-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;
@@ -1889,7 +1881,7 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaDatePickerCalendarYearMonthSwitcherRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    const canRender = this.mode !== 'range' || this.showYearMonthDropdowns || this.isMobileDevice;
+    const canRender = !this.isDualMonths || this.showYearMonthDropdowns;
     return (canRender && (index.h("vega-flex", { justifyContent: 'center' },
       this.showYearMonthDropdowns
         ? this.renderMonthDropdownSwitcher()
@@ -2007,38 +1999,38 @@ class VegaDatePickerCalendarYearMonthSwitcherRenderer extends globalSlimmerRegis
 })();
 VegaDatePickerCalendarYearMonthSwitcherRenderer.DEFAULT_MINIMUM_DROPDOWN_YEAR_BEFORE_CURRENT_YEAR = 10;
 VegaDatePickerCalendarYearMonthSwitcherRenderer.DEFAULT_MINIMUM_DROPDOWN_YEAR_AFTER_CURRENT_YEAR = 10;
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "currentPeriodController", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "showYearMonthDropdowns", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "translationSlimmer", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "minCalendarDate", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "maxCalendarDate", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "yearMonthDropdownProps", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "currentPeriod", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "size", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "mode", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "isMobileDevice", void 0);
+], VegaDatePickerCalendarYearMonthSwitcherRenderer.prototype, "isDualMonths", void 0);
 
-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;
@@ -2078,17 +2070,17 @@ class VegaDatePickerCalendarStateBaseAbstract extends globalSlimmerRegistry.Vega
     return true;
   }
 }
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarStateBaseAbstract.prototype, "host", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarStateBaseAbstract.prototype, "connectedCallback", null);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaDatePickerCalendarStateBaseAbstract.prototype, "disconnectedCallback", 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;
@@ -2135,7 +2127,7 @@ class VegaDatePickerCalendarCurrentPeriodController extends VegaDatePickerCalend
    * Goto next two month period while range mode.
    */
   gotoNextPeriod() {
-    const period = this.isRangeView()
+    const period = this.isDualMonths
       ? this.currentPeriod.next().next()
       : this.currentPeriod.next();
     this.updateCalendarPeriod(period);
@@ -2145,7 +2137,7 @@ class VegaDatePickerCalendarCurrentPeriodController extends VegaDatePickerCalend
    * Goto previous two month period while range mode.
    */
   gotoPreviousPeriod() {
-    const period = this.isRangeView()
+    const period = this.isDualMonths
       ? this.currentPeriod.previous().previous()
       : this.currentPeriod.previous();
     this.updateCalendarPeriod(period);
@@ -2187,14 +2179,6 @@ class VegaDatePickerCalendarCurrentPeriodController extends VegaDatePickerCalend
     }
     this.updateCalendarPeriod(new typeGuard.MonthPeriod(currentDate, true, this.timezone));
   }
-  /**
-   * Check is range view
-   *
-   * @returns {boolean} -
-   */
-  isRangeView() {
-    return this.mode === 'range' && !this.isMobileDevice;
-  }
   /**
    * Get current year month by period
    *
@@ -2231,62 +2215,65 @@ class VegaDatePickerCalendarCurrentPeriodController extends VegaDatePickerCalend
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.host, vegaInternalEventId.VegaInternalDatePickerCalendarUpdatePeriodByUser);
   }
 }
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "currentPeriod", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "host", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "today", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "mode", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "format", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "timezone", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "minCalendarDate", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "maxCalendarDate", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "isMobileDevice", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "monthYearChangeEventEmitter", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "calendarSelection", void 0);
-__decorate$7([
+__decorate$8([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerCalendarCurrentPeriodController.prototype, "isDualMonths", void 0);
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "connectedCallback", null);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "disconnectedCallback", null);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "componentWillLoad", null);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('watchMaxCalendarDate')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "watchMaxCalendarDate", null);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('watchMinCalendarDate')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "watchMinCalendarDate", null);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('watchCurrentPeriod')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "watchCurrentPeriod", null);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('reset')
 ], VegaDatePickerCalendarCurrentPeriodController.prototype, "resetCurrentPeriod", 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;
@@ -2309,20 +2296,20 @@ class VegaDatePickerCalendarTodayController extends globalSlimmerRegistry.VegaSl
     this.today = typeGuard.CalendarDate.from(new Date(), this.timezone);
   }
 }
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarTodayController.prototype, "timezone", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarTodayController.prototype, "today", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarTodayController.prototype, "connectedCallback", null);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentMethod('watchTimezone')
 ], VegaDatePickerCalendarTodayController.prototype, "watchTimezone", null);
 
-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;
@@ -2342,8 +2329,7 @@ class VegaDatePickerMonthItemRenderer extends globalSlimmerRegistry.VegaSlimmer
       this.renderDays(periodView, period)));
   }
   renderCurrentYearMonth(period) {
-    return (this.mode === 'range' &&
-      !this.isMobileDevice && (index.h("vega-box", { class: "current-month-year" },
+    return (this.isDualMonths && (index.h("vega-box", { class: "current-month-year" },
       this.translationSlimmer.t(period.current.getMonthName()),
       ' ',
       period.current.year)));
@@ -2414,48 +2400,48 @@ class VegaDatePickerMonthItemRenderer extends globalSlimmerRegistry.VegaSlimmer
     return this.maxCalendarDate && day.isAfter(this.maxCalendarDate);
   }
 }
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "currentPeriod", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "today", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "translationSlimmer", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "hoverDate", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "maxCalendarDate", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "minCalendarDate", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "selectionController", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "calendarSelection", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "staticHeight", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "mode", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "size", void 0);
-__decorate$5([
+__decorate$6([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerMonthItemRenderer.prototype, "isDualMonths", void 0);
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "isDateDisabled", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMonthItemRenderer.prototype, "dateIndicator", void 0);
-__decorate$5([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerMonthItemRenderer.prototype, "isMobileDevice", void 0);
 
 /** Calendar selection object. */
 class CalendarSelection {
@@ -2581,7 +2567,7 @@ class CalendarSelection {
   }
 }
 
-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;
@@ -2726,50 +2712,50 @@ class VegaDatePickerCalendarSelectionController extends VegaDatePickerCalendarSt
     changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalDatePickerCalendarUpdatePeriodByUser), {});
   }
 }
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "host", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "mode", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "format", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarSelectionController.prototype, "selection", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarSelectionController.prototype, "calendarSelection", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarSelectionController.prototype, "hoverDate", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "clearEventEmitter", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "vegaSelectionChangeEventEmitter", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "allowRepickController", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarSelectionController.prototype, "translationSlimmer", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerCalendarSelectionController.prototype, "componentWillLoad", null);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('watchSelection')
 ], VegaDatePickerCalendarSelectionController.prototype, "watchSelection", null);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('reset')
 ], VegaDatePickerCalendarSelectionController.prototype, "resetRange", null);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('watchCalendarSelection')
 ], VegaDatePickerCalendarSelectionController.prototype, "watchCalendarSelection", 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;
@@ -2799,32 +2785,32 @@ class VegaDatePickerCalendarMinMaxDateController extends globalSlimmerRegistry.V
     this.minCalendarDate = typeGuard.CalendarDate.fromString(this.minDate, this.format);
   }
 }
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "maxDate", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "minDate", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "format", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "maxCalendarDate", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "minCalendarDate", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "componentWillLoad", null);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('watchMaxDate')
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "watchMaxDate", null);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('watchMinDate')
 ], VegaDatePickerCalendarMinMaxDateController.prototype, "watchMinDate", 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;
@@ -2876,23 +2862,23 @@ class VegaDatePickerCalendarAllowRepickController extends globalSlimmerRegistry.
     }
   }
 }
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarAllowRepickController.prototype, "calendarSelection", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarAllowRepickController.prototype, "isMobileDevice", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarAllowRepickController.prototype, "currentPeriodController", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('triggerRepick')
 ], VegaDatePickerCalendarAllowRepickController.prototype, "triggerRepick", null);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('watchCalendarSelection')
 ], VegaDatePickerCalendarAllowRepickController.prototype, "watchCalendarSelection", null);
 
-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;
@@ -2924,7 +2910,7 @@ class VegaDatePickerCalendarHeaderRenderer extends globalSlimmerRegistry.VegaSli
       }, iconColor: isDisabled ? 'text-disabled' : 'text-link', size: this.getNavigationIconSize(), disabled: isDisabled }));
   }
   renderNextIcon() {
-    const period = this.mode === 'range' ? this.currentPeriod.next() : this.currentPeriod;
+    const period = this.isDualMonths ? this.currentPeriod.next() : this.currentPeriod;
     const endDate = period.current.lastDateOfMonth();
     const isDisabled = this.maxCalendarDate &&
       (endDate.isAfter(this.maxCalendarDate) || endDate.equal(this.maxCalendarDate));
@@ -2938,7 +2924,7 @@ class VegaDatePickerCalendarHeaderRenderer extends globalSlimmerRegistry.VegaSli
       }, size: this.getNavigationIconSize(), iconColor: isDisabled ? 'text-disabled' : 'text-link', disabled: isDisabled }));
   }
   renderToday() {
-    const hasLabel = this.mode === 'range' && !this.isMobileDevice && this.size !== 'small';
+    const hasLabel = this.isDualMonths && this.size !== 'small';
     return (index.h("vega-button-link", { class: {
         'button-today': true,
         'with-label': hasLabel,
@@ -2961,41 +2947,102 @@ class VegaDatePickerCalendarHeaderRenderer extends globalSlimmerRegistry.VegaSli
     'bulls-eye': Icons['bulls-eye'],
   });
 })();
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "currentPeriod", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "today", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "translationSlimmer", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "yearMonthSwitcherRender", void 0);
-__decorate$1([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerCalendarHeaderRenderer.prototype, "mode", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "currentPeriodController", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "maxCalendarDate", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "minCalendarDate", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "size", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarHeaderRenderer.prototype, "timezone", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerCalendarHeaderRenderer.prototype, "isDualMonths", void 0);
+
+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 to determine if the calendar should render dual months or not.
+ *    It will set isDualMonths to false if it's a mobile device, otherwise it will check the dualMonths prop or if the mode is range.
+ */
+class VegaDatePickerCalendarIsDualMonthsController extends globalSlimmerRegistry.VegaSlimmer {
+  /** componentWillLoad */
+  componentWillLoad() {
+    this.setIsDualMonths();
+  }
+  /**
+   * Watch for changes in the mode prop to determine if we need to update the isDualMonths field.
+   *  If the mode changes, we will re-evaluate whether we should render dual months or not.
+   */
+  watchMode() {
+    this.setIsDualMonths();
+  }
+  /**
+   * Watch for changes in the dualMonths prop to determine if we need to update the isDualMonths field.
+   */
+  watchDualMonths() {
+    this.setIsDualMonths();
+  }
+  /**
+   * Sets the isDualMonths field based on the device type, dualMonths prop, and mode.
+   *  If it's a mobile device, it will always set isDualMonths to false. Otherwise, it will set it to the value of the dualMonths prop if it's defined, or true if the mode is 'range'.
+   */
+  setIsDualMonths() {
+    if (this.isMobileDevice) {
+      this.isDualMonths = false;
+    }
+    else {
+      this.isDualMonths =
+        typeof this.dualMonths === 'boolean' ? this.dualMonths : this.mode === 'range';
+    }
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerCalendarIsDualMonthsController.prototype, "mode", void 0);
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerCalendarHeaderRenderer.prototype, "isMobileDevice", void 0);
+], VegaDatePickerCalendarIsDualMonthsController.prototype, "dualMonths", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaDatePickerCalendarIsDualMonthsController.prototype, "isDualMonths", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerCalendarIsDualMonthsController.prototype, "isMobileDevice", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
+], VegaDatePickerCalendarIsDualMonthsController.prototype, "componentWillLoad", null);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('watchMode')
+], VegaDatePickerCalendarIsDualMonthsController.prototype, "watchMode", null);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('watchDualMonths')
+], VegaDatePickerCalendarIsDualMonthsController.prototype, "watchDualMonths", 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.range) .calendar.static-height .container__main,:host(.regular.range) .calendar.static-height .container__main,:host(.large.range) .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.range) .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.range) .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.range) .calendar .container__main{width:100%;max-width:1200px;max-height:600px}.calendar .container__main{display:flex;flex-direction:column}.calendar .container__months{display:flex}.calendar .container__months.columns-2{width:100%;flex-direction:row}.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.columns-2 .month-item:first-of-type{padding-right:var(--vega-date-picker-calendar-range-space-size)}.calendar .container__months.columns-2 .month-item:last-of-type{padding-left:var(--vega-date-picker-calendar-range-space-size)}.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}.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}";
+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}.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}.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) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -3018,6 +3065,7 @@ const VegaDatePickerCalendar = class {
     this.selectionChange = index.createEvent(this, "selectionChange", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaDatePickerCalendarRenderer();
+    this.isDualMonthsController = new VegaDatePickerCalendarIsDualMonthsController();
     this.monthItemRenderer = new VegaDatePickerMonthItemRenderer();
     this.headerRenderer = new VegaDatePickerCalendarHeaderRenderer();
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
@@ -3115,6 +3163,8 @@ const VegaDatePickerCalendar = class {
   }
   watchMinCalendarDate() {
   }
+  watchMode() {
+  }
   watchSelection() {
   }
   watchMinDate() {
@@ -3123,6 +3173,8 @@ const VegaDatePickerCalendar = class {
   }
   watchTimezone() {
   }
+  watchDualMonths() {
+  }
   /**
    * Invoke this method to reset calendar to its initial state,
    * 	it include reset to current value and reset the current period.
@@ -3141,7 +3193,8 @@ const VegaDatePickerCalendar = class {
     return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         [this.size]: true,
         [this.mode]: true,
-        mobile: this.isMobileDevice,
+        'mobile': this.isMobileDevice,
+        'dual-months': this.isDualMonths,
       } }, this.renderer.render()), this.host);
   }
   get host() { return index.getElement(this); }
@@ -3150,10 +3203,12 @@ const VegaDatePickerCalendar = class {
     "calendarSelection": ["watchCalendarSelection"],
     "maxCalendarDate": ["watchMaxCalendarDate"],
     "minCalendarDate": ["watchMinCalendarDate"],
+    "mode": ["watchMode"],
     "selection": ["watchSelection"],
     "minDate": ["watchMinDate"],
     "maxDate": ["watchMaxDate"],
-    "timezone": ["watchTimezone"]
+    "timezone": ["watchTimezone"],
+    "dualMonths": ["watchDualMonths"]
   }; }
 };
 __decorate([
@@ -3162,6 +3217,9 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePickerCalendar.prototype, "renderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaDatePickerCalendar.prototype, "isDualMonthsController", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDatePickerCalendar.prototype, "monthItemRenderer", void 0);