import{r as registerInstance,c as createEvent,h}from"./index-08b73e9e.js";import{d as dist}from"./index-3fe5e103.js";import"./_commonjsHelpers-9943807e.js";var styleCss=".sc-smoothly-input-date-range-h{position:relative;display:block}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-default-shade));max-width:22em}.sc-smoothly-input-date-range-h>div.sc-smoothly-input-date-range{position:fixed;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>.arrow.sc-smoothly-input-date-range{position:absolute;z-index:9;-webkit-transform:translate(10em, -.55em) rotate(45deg);transform:translate(10em, -.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-default-shade))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.sc-smoothly-input-date-range-h>smoothly-input.sc-smoothly-input-date-range{padding:0}";var InputDateRange=function(){function t(t){registerInstance(this,t);this.valueChanged=createEvent(this,"valueChanged",7)}t.prototype.onValue=function(t){this.valueChanged.emit(t)};t.prototype.onStartChanged=function(t){this.start=t.detail};t.prototype.onEndChanged=function(t){this.end=t.detail};t.prototype.render=function(){var t=this;var e;return[h("section",null,h("smoothly-input",{onClick:function(){return t.open=!t.open},type:"date",value:this.start,onSmoothlyChanged:function(e){return t.start=e.detail.value}},"From"),h("smoothly-input",{onClick:function(){return t.open=!t.open},type:"date",value:this.end,onSmoothlyChanged:function(e){return t.end=e.detail.value}},"to")),this.open?h("div",{onClick:function(){return t.open=false}}):[],this.open?h("nav",null,h("div",{class:"arrow"}),h("smoothly-calendar",{doubleInput:true,value:(e=this.value)!==null&&e!==void 0?e:dist.Date.now(),onValueChanged:function(e){t.value=e.detail;e.stopPropagation()}})):[]]};Object.defineProperty(t,"watchers",{get:function(){return{value:["onValue"]}},enumerable:false,configurable:true});return t}();InputDateRange.style=styleCss;export{InputDateRange as smoothly_input_date_range};