I have the standard datetimepicker displayed in my custom section using this html:

<umb-control-group label="Publish Date" description="The RSS publish date">
       <umb-editor model="datepicker"></umb-editor>
</umb-control-group>

This is how i setup the config for the datepicker:

$scope.datepicker = {
    view: 'datepicker',
    config: {
        pickDate: true,
        pickTime: true,
        useSeconds: true,
        pick12HourFormat: false,
        format: "DD/MM/YYYY HH:mm:ss"
    },
    value: date
};

and I have a $watch event on the datepicker:

$scope.$watch('datepicker', function () {
   if ($scope.datepicker != undefined && $scope.loaded) {
       $scope.form.PubDate = $scope.datepicker.value;
   }
}, true);

For the life of me, I can't seem to grab the new value from the datepicker, the datepicker.value value never seems to get updated?