@esri/calcite-components/dist/esm-es5/calcite-date-picker_4.entry.js

Web Components for Esri's Calcite Design System.

var __awaiter=this&&this.__awaiter||function(e,t,a,r){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function n(e){try{c(r.next(e))}catch(t){o(t)}}function s(e){try{c(r["throw"](e))}catch(t){o(t)}}function c(e){e.done?a(e.value):i(e.value).then(n,s)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(t){return c([e,t])}}function c(n){if(r)throw new TypeError("Generator is already executing.");while(a)try{if(r=1,i&&(o=n[0]&2?i["return"]:n[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,n[1])).done)return o;if(i=0,o)n=[n[0]&2,o.value];switch(n[0]){case 0:case 1:o=n;break;case 4:a.label++;return{value:n[1],done:false};case 5:a.label++;i=n[1];n=[0];continue;case 7:n=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(n[0]===6||n[0]===2)){a=0;continue}if(n[0]===3&&(!o||n[1]>o[0]&&n[1]<o[3])){a.label=n[1];break}if(n[0]===6&&a.label<o[1]){a.label=o[1];o=n;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(n);break}if(o[2])a.ops.pop();a.trys.pop();continue}n=t.call(e,a)}catch(s){n=[6,s];i=0}finally{r=o=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t){for(var a=0,r=t.length,i=e.length;a<r;a++,i++)e[i]=t[a];return e};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-aa8afca4.js";import{T as TEXT,b as getDaysDiff,c as dateToISO,d as dateFromISO,a as dateFromRange,g as getLocaleData,s as sameDate,i as inRange,l as localizeNumber,e as getOrder,n as nextMonth,f as prevMonth,h as parseNumber}from"./calcite-date-picker-resources-3c2914ff.js";import{g as getElementDir,C as CSS_UTILITY}from"./dom-466af3c7.js";import{g as getKey}from"./key-ec82f942.js";import{C as CalciteHeading}from"./CalciteHeading-63c82bed.js";import"./locale-8f48fd10.js";import"./number-ca3ae047.js";import"./guid-09142681.js";var HEADING_LEVEL=2;var calciteDatePickerCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;vertical-align:top;width:100%;position:relative;overflow:visible;border-radius:0;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1)}:host([scale=s]){max-width:216px}:host([scale=m]){max-width:286px}:host([scale=l]){max-width:398px}";var CalciteDatePicker=function(){function e(e){var t=this;registerInstance(this,e);this.calciteDatePickerChange=createEvent(this,"calciteDatePickerChange",7);this.calciteDatePickerRangeChange=createEvent(this,"calciteDatePickerRangeChange",7);this.activeRange="start";this.intlPrevMonth=TEXT.prevMonth;this.intlNextMonth=TEXT.nextMonth;this.locale=document.documentElement.lang||"en";this.scale="m";this.range=false;this.proximitySelectionDisabled=false;this.hasShadow=!!document.head.attachShadow;this.keyUpHandler=function(e){if(getKey(e.key)==="Escape"){t.reset()}};this.monthHeaderSelectChange=function(e){var a=new Date(e.detail);if(!t.range){t.activeDate=a}else{if(t.activeRange==="start"){t.activeStartDate=a}else if(t.activeRange==="end"){t.activeEndDate=a}t.mostRecentRangeValue=a}};this.monthActiveDateChange=function(e){var a=new Date(e.detail);if(!t.range){t.activeDate=a}else{if(t.activeRange==="start"){t.activeStartDate=a}else if(t.activeRange==="end"){t.activeEndDate=a}t.mostRecentRangeValue=a}};this.monthHoverChange=function(e){if(!t.startAsDate){t.hoverRange=undefined;return t.hoverRange}var a=new Date(e.detail);t.hoverRange={focused:t.activeRange,start:t.startAsDate,end:t.endAsDate};if(!t.proximitySelectionDisabled){if(t.endAsDate){var r=getDaysDiff(a,t.startAsDate);var i=getDaysDiff(a,t.endAsDate);if(r<i){t.hoverRange.start=a;t.hoverRange.focused="start"}else{t.hoverRange.end=a;t.hoverRange.focused="end"}}else{if(a<t.startAsDate){t.hoverRange={focused:"start",start:a,end:t.startAsDate}}else{t.hoverRange.end=a;t.hoverRange.focused="end"}}}else{if(!t.endAsDate){if(a<t.startAsDate){t.hoverRange={focused:"start",start:a,end:t.startAsDate}}else{t.hoverRange.end=a;t.hoverRange.focused="end"}}else{t.hoverRange=undefined}}};this.monthMouseOutChange=function(){if(t.hoverRange){t.hoverRange=undefined}};this.reset=function(){var e,a,r,i,o,n;if(t.valueAsDate&&((e=t.valueAsDate)===null||e===void 0?void 0:e.getTime())!==((a=t.activeDate)===null||a===void 0?void 0:a.getTime())){t.activeDate=new Date(t.valueAsDate)}if(t.startAsDate&&((r=t.startAsDate)===null||r===void 0?void 0:r.getTime())!==((i=t.activeStartDate)===null||i===void 0?void 0:i.getTime())){t.activeStartDate=new Date(t.startAsDate)}if(t.endAsDate&&((o=t.endAsDate)===null||o===void 0?void 0:o.getTime())!==((n=t.activeEndDate)===null||n===void 0?void 0:n.getTime())){t.activeEndDate=new Date(t.endAsDate)}};this.monthDateChange=function(e){var a=new Date(e.detail);if(!t.range){t.value=dateToISO(a);t.activeDate=a;return}if(!t.startAsDate||!t.endAsDate&&a<t.startAsDate){if(t.startAsDate){var r=new Date(t.startAsDate);t.end=dateToISO(r);t.setEndAsDate(r,true);t.activeEndDate=r}t.start=dateToISO(a);t.setStartAsDate(a,true);t.activeStartDate=a}else if(!t.endAsDate){t.end=dateToISO(a);t.setEndAsDate(a,true);t.activeEndDate=a}else{if(!t.proximitySelectionDisabled){var i=getDaysDiff(a,t.startAsDate);var o=getDaysDiff(a,t.endAsDate);if(i<o){t.start=dateToISO(a);t.setStartAsDate(a,true);t.activeStartDate=a}else{t.end=dateToISO(a);t.setEndAsDate(a,true);t.activeEndDate=a}}else{t.start=dateToISO(a);t.setStartAsDate(a,true);t.activeStartDate=a;t.endAsDate=t.activeEndDate=t.end=undefined}}}}e.prototype.handleValueAsDate=function(e){this.activeDate=e;this.calciteDatePickerChange.emit(e)};e.prototype.handleRangeChange=function(){var e=this,t=e.startAsDate,a=e.endAsDate;this.activeEndDate=a;this.activeStartDate=t};e.prototype.focusInHandler=function(e){if(!this.hasShadow&&!this.el.contains(e.target)){this.reset()}};e.prototype.connectedCallback=function(){this.loadLocaleData();if(this.value){this.valueAsDate=dateFromISO(this.value)}if(this.start){this.setStartAsDate(dateFromISO(this.start))}if(this.end){this.setEndAsDate(dateFromISO(this.end))}if(this.min){this.minAsDate=dateFromISO(this.min)}if(this.max){this.maxAsDate=dateFromISO(this.max)}};e.prototype.render=function(){var e;var t=dateFromRange(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate);var a=this.range?this.getActiveStartDate(t,this.minAsDate,this.maxAsDate):this.getActiveDate(t,this.minAsDate,this.maxAsDate);var r=a;var i=this.range?dateFromRange(this.endAsDate,this.minAsDate,this.maxAsDate):null;var o=this.getActiveEndDate(i,this.minAsDate,this.maxAsDate);if((this.activeRange==="end"||((e=this.hoverRange)===null||e===void 0?void 0:e.focused)==="end"&&(!this.proximitySelectionDisabled||i))&&o){r=o}if(this.range&&this.mostRecentRangeValue){r=this.mostRecentRangeValue}var n=this.activeRange==="start"?this.minAsDate:t||this.maxAsDate;var s=this.maxAsDate;var c=getElementDir(this.el);return h(Host,{onBlur:this.reset,onKeyUp:this.keyUpHandler,role:"application"},this.renderCalendar(r,c,s,n,t,i))};e.prototype.valueWatcher=function(e){this.valueAsDate=dateFromISO(e)};e.prototype.startWatcher=function(e){this.setStartAsDate(dateFromISO(e))};e.prototype.endWatcher=function(e){this.setEndAsDate(dateFromISO(e))};e.prototype.loadLocaleData=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:e=this.locale;t=this;return[4,getLocaleData(e)];case 1:t.localeData=a.sent();return[2]}}))}))};e.prototype.renderCalendar=function(e,t,a,r,i,o){return this.localeData&&[h("calcite-date-picker-month-header",{activeDate:e,dir:t,headingLevel:this.headingLevel||HEADING_LEVEL,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,localeData:this.localeData,max:a,min:r,onCalciteDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:this.activeRange==="start"?i:o||new Date}),h("calcite-date-picker-month",{activeDate:e,dir:t,endDate:this.range?o:undefined,hoverRange:this.hoverRange,localeData:this.localeData,max:a,min:r,onCalciteDatePickerActiveDateChange:this.monthActiveDateChange,onCalciteDatePickerHover:this.monthHoverChange,onCalciteDatePickerMouseOut:this.monthMouseOutChange,onCalciteDatePickerSelect:this.monthDateChange,scale:this.scale,selectedDate:this.activeRange==="start"?i:o,startDate:this.range?i:undefined})]};e.prototype.setStartAsDate=function(e,t){this.startAsDate=e;this.mostRecentRangeValue=this.startAsDate;if(t){this.calciteDatePickerRangeChange.emit({startDate:e,endDate:this.endAsDate})}};e.prototype.setEndAsDate=function(e,t){this.endAsDate=e;this.mostRecentRangeValue=this.endAsDate;if(t){this.calciteDatePickerRangeChange.emit({startDate:this.startAsDate,endDate:e})}};e.prototype.getActiveDate=function(e,t,a){return dateFromRange(this.activeDate,t,a)||e||dateFromRange(new Date,t,a)};e.prototype.getActiveStartDate=function(e,t,a){return dateFromRange(this.activeStartDate,t,a)||e||dateFromRange(new Date,t,a)};e.prototype.getActiveEndDate=function(e,t,a){return dateFromRange(this.activeEndDate,t,a)||e||dateFromRange(new Date,t,a)};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{valueAsDate:["handleValueAsDate"],startAsDate:["handleRangeChange"],endAsDate:["handleRangeChange"],value:["valueWatcher"],start:["startWatcher"],end:["endWatcher"],locale:["loadLocaleData"]}},enumerable:false,configurable:true});return e}();CalciteDatePicker.style=calciteDatePickerCss;var calciteDatePickerDayCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;color:var(--calcite-ui-text-3);cursor:pointer;min-width:0;width:calc(100% / 7)}.day-v-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}.day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.day{display:-ms-flexbox;display:flex;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;line-height:1;color:var(--calcite-ui-text-3);-webkit-transition-property:all;transition-property:all;opacity:var(--calcite-ui-opacity-disabled);background:none;-webkit-box-shadow:0 0 0 2px transparent, 0 0 0 0px transparent;box-shadow:0 0 0 2px transparent, 0 0 0 0px transparent}.text{margin-top:1px;margin-right:0;margin-bottom:0;margin-left:1px}:host([scale=s]) .day-v-wrapper{padding-top:0.125rem;padding-bottom:0.125rem}:host([scale=s]) .day-wrapper{padding:0}:host([scale=s]) .day{height:27px;width:27px;font-size:var(--calcite-font-size--2)}:host([scale=m]) .day-v-wrapper{padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]) .day-wrapper{padding-left:0.25rem;padding-right:0.25rem}:host([scale=m]) .day{height:33px;width:33px;font-size:var(--calcite-font-size--1)}:host([scale=l]) .day-v-wrapper{padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=l]) .day-wrapper{padding-left:0.25rem;padding-right:0.25rem}:host([scale=l]) .day{height:43px;width:43px;font-size:var(--calcite-font-size-0)}:host([current-month]) .day{opacity:1}:host([disabled]){cursor:default;opacity:0.25}:host(:hover:not([disabled])) .day,:host([active]:not([range])) .day{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host(:focus),:host([active]){z-index:1}:host(:focus:not([disabled])) .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand)}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-ui-brand) !important;color:var(--calcite-ui-foreground-1) !important;z-index:1}:host([range][selected]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([start-of-range]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range]) .calcite--rtl .day-wrapper{border-top-left-radius:40%;border-bottom-left-radius:40%;-webkit-box-shadow:inset 4px 0 var(--calcite-ui-foreground-1);box-shadow:inset 4px 0 var(--calcite-ui-foreground-1)}:host([start-of-range]) :not(.calcite--rtl) .day,:host([end-of-range]) .calcite--rtl .day{opacity:1}:host([start-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([end-of-range]:not(:focus)) .calcite--rtl .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([end-of-range]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range]) .calcite--rtl .day-wrapper{border-top-right-radius:40%;border-bottom-right-radius:40%;-webkit-box-shadow:inset -4px 0 var(--calcite-ui-foreground-1);box-shadow:inset -4px 0 var(--calcite-ui-foreground-1)}:host([end-of-range]) :not(.calcite--rtl) .day,:host([start-of-range]) .calcite--rtl .day{opacity:1}:host([end-of-range]:not(:focus)) :not(.calcite--rtl) .day,:host([start-of-range]:not(:focus)) .calcite--rtl .day{-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range][scale=l]) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -8px 0 var(--calcite-ui-foreground-1);box-shadow:inset -8px 0 var(--calcite-ui-foreground-1)}:host([start-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range][scale=l]) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 8px 0 var(--calcite-ui-foreground-1);box-shadow:inset 8px 0 var(--calcite-ui-foreground-1)}:host([highlighted]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([highlighted]) .day-wrapper .day{color:var(--calcite-ui-text-1)}:host([highlighted]:not([active]:focus)) .day{border-radius:0;color:var(--calcite-ui-text-1)}:host([range-hover]:not([selected])) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([range-hover]:not([selected])) .day{border-radius:0}:host([end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host([start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host([start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host([end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, right top, left top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host(:hover[end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-1)), to(var(--calcite-ui-foreground-1)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host(:hover[start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, right top, left top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-1)), to(var(--calcite-ui-foreground-1)));background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host(:hover[range-hover]:not([selected]).focused--end) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-current)), to(var(--calcite-ui-foreground-current)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current))}:host(:hover[range-hover]:not([selected]).focused--end) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-current)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-1)), color-stop(var(--calcite-ui-foreground-1)), color-stop(var(--calcite-ui-foreground-2)), to(var(--calcite-ui-foreground-2)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day-wrapper{background-image:-webkit-gradient(linear, left top, right top, from(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-2)), color-stop(var(--calcite-ui-foreground-1)), to(var(--calcite-ui-foreground-1)));background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1))}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[start-of-range].hover--inside-range.focused--end) .day-wrapper,:host(:hover[end-of-range].hover--inside-range.focused--start) .day-wrapper{background-image:none}:host([start-of-range].hover--inside-range.focused--end) .day-wrapper,:host([end-of-range].hover--inside-range.focused--start) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:first-child) .calcite--rtl .day-wrapper,:host([range-hover]:first-child) .calcite--rtl .day-wrapper{border-top-right-radius:45%;border-bottom-right-radius:45%;-webkit-box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:last-child) .calcite--rtl .day-wrapper,:host([range-hover]:last-child) .calcite--rtl .day-wrapper{border-top-left-radius:45%;border-bottom-left-radius:45%;-webkit-box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=l][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:last-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=l][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:first-child) .calcite--rtl .day-wrapper{-webkit-box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1);box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1)}";var CalciteDatePickerDay=function(){function e(e){var t=this;registerInstance(this,e);this.calciteDaySelect=createEvent(this,"calciteDaySelect",7);this.calciteDayHover=createEvent(this,"calciteDayHover",7);this.disabled=false;this.currentMonth=false;this.selected=false;this.highlighted=false;this.range=false;this.startOfRange=false;this.endOfRange=false;this.rangeHover=false;this.active=false;this.onClick=function(){!t.disabled&&t.calciteDaySelect.emit()};this.keyDownHandler=function(e){var a=getKey(e.key);if(a===" "||a==="Enter"){!t.disabled&&t.calciteDaySelect.emit()}}}e.prototype.mouseoverHandler=function(){this.calciteDayHover.emit({disabled:this.disabled})};e.prototype.render=function(){var e;var t=this;var a=String(this.day).split("").map((function(e){return t.localeData.numerals[e]})).join("");var r=getElementDir(this.el);return h(Host,{onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"gridcell",tabindex:this.active?0:-1},h("div",{class:(e={"day-v-wrapper":true},e[CSS_UTILITY.rtl]=r==="rtl",e)},h("div",{class:"day-wrapper"},h("span",{class:"day"},h("span",{class:"text"},a)))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteDatePickerDay.style=calciteDatePickerDayCss;var calciteDatePickerMonthCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.calender{margin-bottom:0.25rem}.week-headers{display:-ms-flexbox;display:flex;border-width:0;border-top-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0;padding-bottom:0;padding-left:0.25rem;padding-right:0.25rem}.week-header{color:var(--calcite-ui-text-3);text-align:center;font-weight:var(--calcite-font-weight-bold);width:calc(100% / 7)}:host([scale=s]) .week-header{font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:1rem;padding-bottom:1rem;padding-left:0;padding-right:0}:host([scale=m]) .week-header{font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:1.5rem;padding-bottom:1.5rem;padding-left:0;padding-right:0}:host([scale=l]) .week-header{font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:2rem;padding-bottom:1.5rem;padding-left:0;padding-right:0}.week-days{outline:2px solid transparent;outline-offset:2px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-top:0;padding-bottom:0;padding-left:6px;padding-right:6px}";var CalciteDatePickerMonth=function(){function e(e){var t=this;registerInstance(this,e);this.calciteDatePickerSelect=createEvent(this,"calciteDatePickerSelect",7);this.calciteDatePickerHover=createEvent(this,"calciteDatePickerHover",7);this.calciteDatePickerActiveDateChange=createEvent(this,"calciteDatePickerActiveDateChange",7);this.calciteDatePickerMouseOut=createEvent(this,"calciteDatePickerMouseOut",7);this.activeDate=new Date;this.keyDownHandler=function(e){var a=t.el.dir==="rtl";switch(getKey(e.key)){case"ArrowUp":e.preventDefault();t.addDays(-7);break;case"ArrowRight":e.preventDefault();t.addDays(a?-1:1);break;case"ArrowDown":e.preventDefault();t.addDays(7);break;case"ArrowLeft":e.preventDefault();t.addDays(a?1:-1);break;case"PageUp":e.preventDefault();t.addMonths(-1);break;case"PageDown":e.preventDefault();t.addMonths(1);break;case"Home":e.preventDefault();t.activeDate.setDate(1);t.addDays();break;case"End":e.preventDefault();t.activeDate.setDate(new Date(t.activeDate.getFullYear(),t.activeDate.getMonth()+1,0).getDate());t.addDays();break;case"Enter":case" ":e.preventDefault();break;case"Tab":t.activeFocus=false}};this.disableActiveFocus=function(){t.activeFocus=false};this.dayHover=function(e){var a=e.target;if(e.detail.disabled){t.calciteDatePickerMouseOut.emit()}else{t.calciteDatePickerHover.emit(a.value)}};this.daySelect=function(e){var a=e.target;t.calciteDatePickerSelect.emit(a.value)}}e.prototype.mouseoutHandler=function(){this.calciteDatePickerMouseOut.emit()};e.prototype.render=function(){var e=this;var t=this.activeDate.getMonth();var a=this.activeDate.getFullYear();var r=this.localeData.weekStart%7;var i=this.localeData.days,o=i.abbreviated,n=i.short,s=i.narrow;var c=this.scale==="s"?s||n||o:n||o||s;var l=__spreadArray(__spreadArray([],c.slice(r,7)),c.slice(0,r));var d=this.getCurrentMonthDays(t,a);var u=this.getPrevMonthdays(t,a,r);var f=this.getNextMonthDays(t,a,r);var p=getElementDir(this.el);var g=__spreadArray(__spreadArray(__spreadArray([],u.map((function(r){var i=new Date(a,t-1,r);return e.renderDateDay(false,r,p,i)}))),d.map((function(r){var i=new Date(a,t,r);var o=sameDate(i,e.activeDate);return e.renderDateDay(o,r,p,i,true,true)}))),f.map((function(r){var i=new Date(a,t+1,r);return e.renderDateDay(false,r,p,i)})));var v=[];for(var D=0;D<g.length;D+=7){v.push(g.slice(D,D+7))}return h(Host,{onFocusOut:this.disableActiveFocus,onKeyDown:this.keyDownHandler},h("div",{class:"calender",role:"grid"},h("div",{class:"week-headers",role:"row"},l.map((function(e){return h("span",{class:"week-header",role:"columnheader"},e)}))),v.map((function(e){return h("div",{class:"week-days",role:"row"},e)}))))};e.prototype.addMonths=function(e){var t=new Date(this.activeDate);t.setMonth(this.activeDate.getMonth()+e);this.calciteDatePickerActiveDateChange.emit(dateFromRange(t,this.min,this.max));this.activeFocus=true};e.prototype.addDays=function(e){if(e===void 0){e=0}var t=new Date(this.activeDate);t.setDate(this.activeDate.getDate()+e);this.calciteDatePickerActiveDateChange.emit(dateFromRange(t,this.min,this.max));this.activeFocus=true};e.prototype.getPrevMonthdays=function(e,t,a){var r=new Date(t,e,0);var i=r.getDate();var o=r.getDay();var n=[];if(o-6===a){return n}for(var s=r.getDay();s>=a;s--){n.push(i-s)}return n};e.prototype.getCurrentMonthDays=function(e,t){var a=new Date(t,e+1,0).getDate();var r=[];for(var i=0;i<a;i++){r.push(i+1)}return r};e.prototype.getNextMonthDays=function(e,t,a){var r=new Date(t,e+1,0).getDay();var i=[];if(r===(a+6)%7){return i}for(var o=0;o<(6-(r-a))%7;o++){i.push(o+1)}return i};e.prototype.betweenSelectedRange=function(e){return this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e)};e.prototype.isSelected=function(e){return sameDate(e,this.selectedDate)||this.startDate&&sameDate(e,this.startDate)||this.endDate&&sameDate(e,this.endDate)};e.prototype.isStartOfRange=function(e){return!!this.startDate&&!sameDate(this.startDate,this.endDate)&&sameDate(this.startDate,e)&&!this.isEndOfRange(e)};e.prototype.isEndOfRange=function(e){return!!this.endDate&&!sameDate(this.startDate,this.endDate)&&sameDate(this.endDate,e)||!this.endDate&&this.hoverRange&&sameDate(this.startDate,this.hoverRange.end)&&sameDate(e,this.hoverRange.end)};e.prototype.renderDateDay=function(e,t,a,r,i,o){var n=this;var s;var c=this.isFocusedOnStart();var l=this.isHoverInRange()||!this.endDate&&this.hoverRange&&sameDate((s=this.hoverRange)===null||s===void 0?void 0:s.end,this.startDate);return h("calcite-date-picker-day",{active:e,class:{"hover--inside-range":this.startDate&&l,"hover--outside-range":this.startDate&&!l,"focused--start":c,"focused--end":!c},currentMonth:i,day:t,dir:a,disabled:!inRange(r,this.min,this.max),endOfRange:this.isEndOfRange(r),highlighted:this.betweenSelectedRange(r),key:r.toDateString(),localeData:this.localeData,onCalciteDayHover:this.dayHover,onCalciteDaySelect:this.daySelect,range:!!this.startDate&&!!this.endDate&&!sameDate(this.startDate,this.endDate),rangeHover:this.isRangeHover(r),ref:function(t){if(o&&e&&n.activeFocus){t===null||t===void 0?void 0:t.focus()}},scale:this.scale,selected:this.isSelected(r),startOfRange:this.isStartOfRange(r),value:r})};e.prototype.isFocusedOnStart=function(){var e;return((e=this.hoverRange)===null||e===void 0?void 0:e.focused)==="start"};e.prototype.isHoverInRange=function(){if(!this.hoverRange){return}var e=this.hoverRange,t=e.start,a=e.end;return!this.isFocusedOnStart()&&!!this.startDate&&(!this.endDate||a<this.endDate)||this.isFocusedOnStart()&&!!this.startDate&&t>this.startDate};e.prototype.isRangeHover=function(e){if(!this.hoverRange){return false}var t=this.hoverRange,a=t.start,r=t.end;var i=this.isFocusedOnStart();var o=this.isHoverInRange();var n=o&&(!i&&e>this.startDate&&(e<r||sameDate(e,r))||i&&e<this.endDate&&(e>a||sameDate(e,a)));var s=!o&&(!i&&e>=this.endDate&&(e<r||sameDate(e,r))||i&&(e<this.startDate||this.endDate&&sameDate(e,this.startDate))&&(e>a||sameDate(e,a)));return n||s};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteDatePickerMonth.style=calciteDatePickerMonthCss;var calciteDatePickerMonthHeaderCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}.header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-top:0;padding-bottom:0;padding-left:0.25rem;padding-right:0.25rem}:host([scale=s]) .text{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{height:2.5rem}:host([scale=m]) .text{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{height:3rem}:host([scale=l]) .text{font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{height:4rem}.chevron{color:var(--calcite-ui-text-2);-ms-flex-positive:0;flex-grow:0;-webkit-box-sizing:content-box;box-sizing:content-box;outline:2px solid transparent;outline-offset:2px;padding-left:0.25rem;padding-right:0.25rem;margin-left:-0.25rem;margin-right:-0.25rem;border-style:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);cursor:pointer;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;width:calc(100% / 7)}.chevron:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.chevron:hover,.chevron:focus{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1)}.chevron:active{background-color:var(--calcite-ui-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none;opacity:0}.text{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;line-height:1;margin-top:auto;margin-bottom:auto;text-align:center;width:100%}.text--reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.month,.year,.suffix{color:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;margin-left:0.25rem;margin-right:0.25rem;display:inline-block;font-size:inherit}.year{font-family:inherit;text-align:center;border-style:none;width:3rem;background-color:transparent;position:relative;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;z-index:2}.year:hover{-webkit-transition-duration:100ms;transition-duration:100ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:outline-color;transition-property:outline-color;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.year--suffix{width:4rem;text-align:left}.year-wrap{position:relative}.suffix{position:absolute;width:4rem;white-space:nowrap;text-align:left;top:0;left:0}.suffix__invisible{visibility:hidden}";var CalciteDatePickerMonthHeader=function(){function e(e){var t=this;registerInstance(this,e);this.calciteDatePickerSelect=createEvent(this,"calciteDatePickerSelect",7);this.onYearKey=function(e){var a=e.target.value;switch(getKey(e.key)){case"ArrowDown":e.preventDefault();t.setYear(a,-1);break;case"ArrowUp":e.preventDefault();t.setYear(a,1);break}};this.yearChanged=function(e){t.setYear(e.target.value)};this.prevMonthClick=function(e){t.handleArrowClick(e,t.prevMonthDate)};this.prevMonthKeydown=function(e){var a=getKey(e.key);if(a===" "||a==="Enter"){t.prevMonthClick(e)}};this.nextMonthClick=function(e){t.handleArrowClick(e,t.nextMonthDate)};this.nextMonthKeydown=function(e){var a=getKey(e.key);if(a===" "||a==="Enter"){t.nextMonthClick(e)}};this.handleArrowClick=function(e,a){e===null||e===void 0?void 0:e.preventDefault();e.stopPropagation();t.calciteDatePickerSelect.emit(a)}}e.prototype.connectedCallback=function(){this.setNextPrevMonthDates()};e.prototype.render=function(){var e=this;var t;var a=this.activeDate.getMonth();var r=this.localeData,i=r.months,o=r.unitOrder;var n=(i.wide||i.narrow||i.abbreviated)[a];var s=localizeNumber(this.activeDate.getFullYear(),this.localeData);var c=this.scale==="l"?"m":"s";var l=getElementDir(this.el);var d=getOrder(o);var u=d.indexOf("y")<d.indexOf("m");var f=(t=this.localeData.year)===null||t===void 0?void 0:t.suffix;return h("div",{class:"header",dir:l},h("a",{"aria-disabled":(this.prevMonthDate.getMonth()===a).toString(),"aria-label":this.intlPrevMonth,class:"chevron",href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===a?-1:0},h("calcite-icon",{dir:l,"flip-rtl":true,icon:"chevron-left",scale:c})),h("div",{class:{text:true,"text--reverse":u}},h(CalciteHeading,{class:"month",level:this.headingLevel},n),h("span",{class:"year-wrap"},h("input",{class:{year:true,"year--suffix":!!f},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.yearChanged,onKeyDown:this.onYearKey,pattern:"\\d*",ref:function(t){return e.yearInput=t},type:"text",value:s}),f&&h("span",{class:"suffix"},h("span",{"aria-hidden":"true",class:"suffix__invisible"},s)," "+f))),h("a",{"aria-disabled":(this.nextMonthDate.getMonth()===a).toString(),"aria-label":this.intlNextMonth,class:"chevron",href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===a?-1:0},h("calcite-icon",{dir:l,"flip-rtl":true,icon:"chevron-right",scale:c})))};e.prototype.setNextPrevMonthDates=function(){this.nextMonthDate=dateFromRange(nextMonth(this.activeDate),this.min,this.max);this.prevMonthDate=dateFromRange(prevMonth(this.activeDate),this.min,this.max)};e.prototype.setYear=function(e,t){if(t===void 0){t=0}var a=this,r=a.min,i=a.max,o=a.activeDate,n=a.localeData,s=a.yearInput;var c=parseNumber(e,n);var l=c.toString().length;var d=isNaN(c)?false:c+t;var h=d&&(!r||r.getFullYear()<=d)&&(!i||i.getFullYear()>=d);if(d&&h&&l===e.length){var u=new Date(o);u.setFullYear(d);var f=dateFromRange(u,r,i);this.calciteDatePickerSelect.emit(f);s.value=localizeNumber(f.getFullYear(),n)}else{s.value=localizeNumber(o.getFullYear(),n)}};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}},enumerable:false,configurable:true});return e}();CalciteDatePickerMonthHeader.style=calciteDatePickerMonthHeaderCss;export{CalciteDatePicker as calcite_date_picker,CalciteDatePickerDay as calcite_date_picker_day,CalciteDatePickerMonth as calcite_date_picker_month,CalciteDatePickerMonthHeader as calcite_date_picker_month_header};