Re-use Umbraco core datetime picker

[bjarnef]

It would be great if Tea Commerce used same datetime picker as Umbraco core instead of jQuery UI datetime picker, e.g. in Marketing.

When cleaning up the legacy code and using Angular instead something like this could be done:

<div ng-controller="MyController as vm">

    <umb-property property="vm.datePicker.startDate">
        <umb-editor model="vm.datePicker.startDate"></umb-editor>
    </umb-property>
    
    <umb-property property="vm.datePicker.endDate">
        <umb-editor model="vm.datePicker.endDate"></umb-editor>
    </umb-property>

</div>

angular.module("umbraco").controller("MyController", function($scope) {

    var vm = this;

    init();

    function init() {
        vm.datePicker = {
            startDate: buildDateTimePickerModel('startDate', 'Startdato', 'Angiv en startdato', vm.query.startDate, true),
            endDate: buildDateTimePickerModel('endDate', 'Slutdato', 'Angiv en slutdato', vm.query.endDate)
        };
    }

    function buildDateTimePickerModel(alias, label, description, value, mandatory) {
        return {
            editor: "Umbraco.DateTime",
            label: label,
            description: description,
            hideLabel: false,
            view: "datepicker",
            alias: alias,
            value: value,
            validation: {
                mandatory: (mandatory === true),
                pattern: ""
            },
            config: {
                format: "YYYY-MM-DD",
                pickDate: true,
                pickTime: false,
                useSeconds: false
            }
        };
    };

});