{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-your-name"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-phone"
as=${html``}
/>
<${props.Flatpickr}
name="mf-date"
className="mf-input mf-date-input mf-left-parent "
placeholder="${ parent.decodeEntities(`dd/mm/yy`) } "
options=${{"minDate":"","maxDate":"","dateFormat":"m-d-Y","enableTime":"","disable":[],"mode":"single","static":true,"disableMobile":true,"time_24hr":false}}
value=${parent.getValue('mf-date')}
onInput=${parent.handleDateTime}
aria-invalid=${validation.errors['mf-date'] ? 'true' : 'false'}
ref=${el => props.DateWidget(
el,
'',
{"message":"This field is required.","required":false},
register,
parent
)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-date"
as=${html``}
/>
<${props.Flatpickr}
name="mf-time"
className="mf-input mf-date-input mf-time-input mf-left-parent "
placeholder="${ parent.decodeEntities(`-- : --`) } "
options=${{"enableTime":true,"dateFormat":"h:i K","noCalendar":true,"time_24hr":false,"static":true}}
value=${parent.getValue('mf-time')}
onInput=${parent.handleDateTime}
aria-invalid=${validation.errors['mf-time'] ? 'true' : 'false'}
ref=${
el => {
if( el && el.node.nextSibling ) {
if( el.props.value.trim().length ) {
el.node.nextSibling.classList.add('value-found');
}else {
el.node.nextSibling.classList.remove('value-found');
}
}
register({ name: "mf-time" }, parent.activateValidation({"message":"This field is required.","required":false}))
}
}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-time"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-email"
as=${html``}
/>
<${props.Select}
className=${"mf-input mf-input-select " + ( validation.errors['mf-Service'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="mf-Service"
placeholder="${ parent.decodeEntities(`Select Service`) } "
isSearchable=${false}
options=${[{"label":"Hair Cut & Treatment","value":"value-1","isDisabled":false},{"label":"Facial & Skin Care","value":"value-2","isDisabled":false},{"label":"Nail Polish","value":"value-3","isDisabled":false},{"label":"Massage & Body Treatment","value":"value-3","isDisabled":false},{"label":"Aromatheraphy Spa","value":"value-3","isDisabled":false},{"label":"Anti Ageing Treatment","value":"value-3","isDisabled":false}]}
value=${parent.getValue("mf-Service") ? [{"label":"Hair Cut & Treatment","value":"value-1","isDisabled":false},{"label":"Facial & Skin Care","value":"value-2","isDisabled":false},{"label":"Nail Polish","value":"value-3","isDisabled":false},{"label":"Massage & Body Treatment","value":"value-3","isDisabled":false},{"label":"Aromatheraphy Spa","value":"value-3","isDisabled":false},{"label":"Anti Ageing Treatment","value":"value-3","isDisabled":false}].filter(item => item.value === parent.getValue("mf-Service"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "mf-Service")}
ref=${() => {
register({ name: "mf-Service" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false}));
if ( parent.getValue("mf-Service") === '' && false ) {
parent.setValue( 'mf-Service', '', true );
parent.handleChange({
target: {
name: 'mf-Service',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-Service"
as=${html``}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-message"
as=${html``}
/>
parent.activateValidation({"message":"reCAPTCHA is required.","required":true}, el)}
/>
<${validation.ErrorMessage} errors=${validation.errors} name="g-recaptcha-response" as=${html``} />
Experience tranquility and renewal at Pure Essence Spa, where every treatment harmonizes body and soul with nature's finest elements.
About Pure Essence Spa
Our Services
Stay connected with Pure Essence Spa
Subscribe to our newsletter for exclusive wellness tips, special offers, and the latest spa news.
Copyright © 2026 Pure Essence Spa. All rights reserved.