Hi,

I'm currently trying to get validation going in a custom section I created. The properties on the view that I used are part custom; just textboxes and so on and part umbraco property editors where I fetch the config via API call.

Now the problem that I'm facing is with date/time-picker. The picked value is shown correctly but the form still stays on error state. So my tab where the pickers are on is red to indicate errors on the page. When I check if the form is valid by using $scope.form.$valid it says that it has pickerErrors.

I tried using the formHelper to do validation and it returns no errors. So the form seems to be valid for the form helper.

I'm rendering the property editors like this:

<umb-property property="picker" ng-repeat="picker in startDateTimePickers">
    <umb-editor model="picker"></umb-editor>
</umb-property>

I create the editor like this:

ecDataTypeResource.getByName("EventCalendar DateTime Picker").then(function (response) {
                    var pickerConfig = response.data;
                    var startDateTimePicker = {
                        alias: pickerConfig.propertyEditorAlias,
                        view: pickerConfig.view,
                        config: pickerConfig.config,
                        label: 'DateTime',
                        hideLabel: true,
                        value: $scope.event.DateStart,
                        name: 'dateStart'
                    };
                    if ($scope.event.Type == 1) {
                        startDateTimePicker.validation = {
                            required: true
                        };
                    }
                    $scope.startDateTimePickers = [startDateTimePicker];
                });

My form is rendered like this in the view:

<form novalidate val-form-manager
      name="eventForm"
      id="eventForm"
      class="show-validation"
      novalidate
      ng-submit="save()">

And I check if the form is valid like this:

if($scope.eventform.$valid) { //save form data here }

I move the selected date value with a $watch to my model:

$scope.$watch('startDateTimePickers', function (newValue, oldValue) {
            if (newValue !== undefined) {
                $scope.event.DateStart = newValue[0].value;
            }
}, true);

I tried to use the formHelper to check validy with:

if (formHelper.submitForm({ scope: $scope, formCtrl: $scope.eventForm }))
{
//save stuff
}

interesting fact is my create and edit method uses the same controller and views. During creation the validation works as expected but not when editing.

One speciality might be that I have multiple tabs in my edit view with each tab has its own view and controller handling loading of assets or handling the watches like mentioned above.

Any help?