import{d as _,e as f,f as t,i as r,x as i,z as m,t as l,F as v}from"./vendor-vue-runtime-core-DwK6Ry68.js";import{t as u}from"./vendor-vue-shared-DrzsEcag.js";import"./vendor-vue-reactivity-CheHbvBM.js";const b={class:"ccb-field-preview"},w={class:"ccb-field-preview__label"},k={key:0,class:"ccb-field-preview__required"},y={class:"ccb-field-preview__time-picker"},g={class:"ccb-field-preview__time-slot"},P={key:0,class:"ccb-field-preview__time-period"},B={class:"ccb-field-preview__time-slot"},F={key:0,class:"ccb-field-preview__time-period"},q=_({__name:"FieldPreviewTimePicker",props:{field:{}},setup(n){const a=n,d=f(()=>{var s,e;return((s=a.field.attributes)==null?void 0:s.format)===!0||((e=a.field.attributes)==null?void 0:e.format)==="1"});return(s,e)=>{var o,p,c;return r(),t("div",b,[i("label",w,[m(u(((o=s.field.attributes)==null?void 0:o.label)||"Time Picker")+" ",1),((p=s.field.attributes)==null?void 0:p.required)==="1"?(r(),t("span",k,"*")):l("",!0)]),i("div",y,[i("div",g,[e[0]||(e[0]=i("span",{class:"ccb-field-preview__time-value"},"12",-1)),e[1]||(e[1]=i("span",{class:"ccb-field-preview__time-separator"},":",-1)),e[2]||(e[2]=i("span",{class:"ccb-field-preview__time-value"},"00",-1)),d.value?l("",!0):(r(),t("span",P,"AM"))]),(c=s.field.attributes)!=null&&c.range?(r(),t(v,{key:0},[e[6]||(e[6]=i("span",{class:"ccb-field-preview__time-range-divider"},"—",-1)),i("div",B,[e[3]||(e[3]=i("span",{class:"ccb-field-preview__time-value"},"12",-1)),e[4]||(e[4]=i("span",{class:"ccb-field-preview__time-separator"},":",-1)),e[5]||(e[5]=i("span",{class:"ccb-field-preview__time-value"},"00",-1)),d.value?l("",!0):(r(),t("span",F,"PM"))])],64)):l("",!0)])])}}});export{q as default};
//# sourceMappingURL=FieldPreviewTimePicker-C5v0xgU7.js.map
