Write Text above! *
{ type: 'panel', templateOptions: { label: 'Effective Date and Account' }, fields: [ { key: 'EffectiveDate', type: 'datepicker', className: 'col-xs-3 breakBefore', templateOptions: { required: true, type: 'text', datepickerPopup: 'dd-MMMM-YYYY', datepickerOptions: { format: 'MM/dd/yyyy' }, label: 'Effective Date' } }, { key: 'HireDate', type: 'datepicker', className: 'col-xs-3 breakBefore', templateOptions: { required: true, type: 'text', datepickerPopup: 'dd-MMMM-YYYY', datepickerOptions: { format: 'MM/dd/yyyy' }, label: 'Hire Date' }, validators: { hireDateGreaterThanEffectiveDate: { expression: (viewValue, modelValue, scope) => { const effectiveDate = scope.model.EffectiveDate; const hireDate = viewValue || modelValue; return !effectiveDate || !hireDate || new Date(hireDate) > new Date(effectiveDate); }, message: '"Hire Date" must be greater than "Effective Date"' } } } ] }
refresh
Update Changes