{ parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-text" as=${html``} />
{ parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-text" as=${html``} />
{ parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-text" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['program'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="program" placeholder="${ parent.decodeEntities(``) } " isSearchable=${false} options=${[{"label":"Adult Jiu Jitsu ","value":"AJJ","isDisabled":false},{"label":"Kids Jiu Jitsu 4-8yo","value":"KJJ 4-8","isDisabled":false},{"label":"Kids Jiu JItsu 8-12yo","value":"KJJ 8-12","isDisabled":false},{"label":"Mixed Kick ","value":"Mixed Kick ","isDisabled":false},{"label":"Women's Self Defense ","value":"Women's class","isDisabled":false}]} value=${parent.getValue("program") ? [{"label":"Adult Jiu Jitsu ","value":"AJJ","isDisabled":false},{"label":"Kids Jiu Jitsu 4-8yo","value":"KJJ 4-8","isDisabled":false},{"label":"Kids Jiu JItsu 8-12yo","value":"KJJ 8-12","isDisabled":false},{"label":"Mixed Kick ","value":"Mixed Kick ","isDisabled":false},{"label":"Women's Self Defense ","value":"Women's class","isDisabled":false}].filter(item => item.value === parent.getValue("program"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "program")} ref=${() => { register("program", parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true})); if ( parent.getValue("program") === '' && false ) { parent.setValue( 'program', '', true ); parent.handleChange({ target: { name: 'program', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="program" as=${html``} />
<${props.Flatpickr} name="date" className="mf-input mf-date-input mf-left-parent " placeholder="${ parent.decodeEntities(``) } " options=${{"minDate":"today","maxDate":"","dateFormat":"Y.m.d","enableTime":"","disable":[],"mode":"single","static":true,"disableMobile":true,"time_24hr":false}} value=${parent.getValue('date')} onInput=${parent.handleDateTime} aria-invalid="${validation.errors['date'] ? 'true' : 'false'}" onReady=${(dates, dateStr, instance) => props.DateWidget( instance, '', {"message":"This field is required.","required":true}, register, parent )} /> <${validation.ErrorMessage} errors=${validation.errors} name="date" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['time'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="time" placeholder="${ parent.decodeEntities(``) } " isSearchable=${false} options=${[{"label":"select a time","value":"","isDisabled":false}]} value=${parent.getValue("time") ? [{"label":"select a time","value":"","isDisabled":false}].filter(item => item.value === parent.getValue("time"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "time")} ref=${() => { register("time", parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("time") === '' && false ) { parent.setValue( 'time', '', true ); parent.handleChange({ target: { name: 'time', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="time" as=${html``} />
`} ${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''} ${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''} `
Scroll to Top