Get Data System

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