Added aria label to time period on log dashboard

(cherry picked from commit 8bf6a9246f)

src/Umbraco.Web.UI.Client/src/common/directives/components/umbdatetimepicker.directive.js

@@ -72,7 +72,7 @@ Use this directive to render a date time picker
 
     var umbDateTimePicker = {
         template: '<ng-transclude>' +
-            '<input type="text" ng-if="!$ctrl.options.inline" ng-model="$ctrl.ngModel" placeholder="Select Date.."></input>' +
+            '<input type="text" ng-if="!$ctrl.options.inline" ng-model="$ctrl.ngModel" placeholder="Select Date.." ng-attr-aria-labelledby="{{$ctrl.label}}"></input>' +
             '<div ng-if="$ctrl.options.inline"></div>' +
             '</ng-transclude>',
         controller: umbDateTimePickerCtrl,
@@ -88,7 +88,8 @@ Use this directive to render a date time picker
             onYearChange: '&?',
             onReady: '&?',
             onValueUpdate: '&?',
-            onDayCreate: '&?'
+            onDayCreate: '&?',
+            label: '@'
         }
     };
 

src/Umbraco.Web.UI.Client/src/views/logViewer/overview.html

@@ -83,12 +83,13 @@
 
                     <!-- Time period -->
                     <umb-box>
-                        <umb-box-header title="Time Period"></umb-box-header>
+                        <umb-box-header title="Time Period" id="timePeriod"></umb-box-header>
 
                         <umb-date-time-picker class="datepicker"
                                        ng-model="vm.period"
                                        options="vm.config"
-                                       on-close="vm.dateRangeChange(selectedDates, dateStr, instance)">
+                                       on-close="vm.dateRangeChange(selectedDates, dateStr, instance)"
+                                       label="timePeriod">
                         </umb-date-time-picker>
                     </umb-box>