import{d,f as c,i as r,x as e,z as o,t as n}from"./vendor-vue-runtime-core-DwK6Ry68.js";import{t as p}from"./vendor-vue-shared-DrzsEcag.js";import"./vendor-vue-reactivity-CheHbvBM.js";const _={class:"ccb-field-preview"},f={class:"ccb-field-preview__label"},b={key:0,class:"ccb-field-preview__required"},u={class:"ccb-field-preview__date-picker"},m=["placeholder"],D=d({__name:"FieldPreviewDatePicker",props:{field:{}},setup(v){return(t,i)=>{var s,l,a;return r(),c("div",_,[e("label",f,[o(p(((s=t.field.attributes)==null?void 0:s.label)||"Date Picker")+" ",1),((l=t.field.attributes)==null?void 0:l.required)==="1"?(r(),c("span",b,"*")):n("",!0)]),e("div",u,[e("input",{type:"text",class:"ccb-field-preview__input",placeholder:String(((a=t.field.attributes)==null?void 0:a.placeholder)||"Select Date"),disabled:""},null,8,m),i[0]||(i[0]=e("i",{class:"ccb-icon-ic_calendar ccb-field-preview__date-icon"},null,-1))])])}}});export{D as default};
//# sourceMappingURL=FieldPreviewDatePicker-DTYHCHgF.js.map
