import{r as e,h as a}from"./p-D0dWnGvB.js";const d=class{constructor(a){e(this,a),this.value=""}render(){return a("div",{key:"6a37acaca6b95b061027a22ea9d63e146c6d4fee"},a("h1",{key:"18ea23146e81aa4f76ed811c0f645aa62553cf59"},"Date Field Example"),a("div",{key:"92cb20c17e2de92fef76d145601fdd98665bf771",style:{padding:"50px"}},a("div",{key:"7461c66c0cbb96010a296a94bc8650689c9c5370",style:{display:"flex",flexDirection:"column",gap:"16px"}},a("input",{key:"113c6985f800d48972236db9adf2bbc9daaedc85",type:"date",value:this.value,onChange:e=>this.value=e.target.value}),a("dga-date-field",{key:"562d46619fc478bc9f7fd4d0d001e2617fbbe9f7",value:this.value,onChange:e=>this.value=e.target.value}))))}};export{d as dga_date_field_usage}