I really thought I had made significant progress in understanding how to reuse Umbraco Property Editors in my custom section, but I think I am still missing something fundamental.

In my custom Angular views when I want to re-use an existing property editor I use the following code in my HTML file.

                    <umb-property property="startDateTimePropertyEditor">
                        <umb-editor model="startDateTimePropertyEditor"></umb-editor>
                    </umb-property>

then I am setting the property and Model attributes to an object that I create in my controller, for this example:

{
                editor: "Umbraco.DateTime",
                label: label,
                description: description,
                hideLabel: false,
                view: "datepicker",
                alias: alias,
                value: null,
                validation: {
                    mandatory: true,
                    pattern: ""
                },
                config: {
                    format: "YYYY-MM-DD HH:mm:ss",
                    pickDate: true,
                    pickTime: true,
                    useSeconds: false
                }
            };

I'm setting ‘value' in my controller and when the page loads the value is correctly displayed.

The problem is when the value is changed in the UI it is not updated.

Does anyone know how I can solve this? Is my approach to reusing the existing property editors correct?

I have read so much, had a look at so many examples, but still finding it hard to bring the UI under my control...........

Any pointers will be MUCH appreciated!