feat(datepicker): use $locale for starting day

- Change to fallback to $locale.DATETIME_FORMATS.FIRSTDAYOFWEEK for
  first day column

BREAKING CHANGE: Due to usage of $locale, if one wants the prior
behavior, one should use the starting-day attribute on the datepicker
element

Author: wesleycho

Diff for: src/datepicker/datepicker.js

@@ -17,13 +17,12 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
   ngModelOptions: {},
   shortcutPropagation: false,
   showWeeks: true,
-  startingDay: 0,
   yearColumns: 5,
   yearRows: 4
 })
 
-.controller('UibDatepickerController', ['$scope', '$attrs', '$parse', '$interpolate', '$log', 'dateFilter', 'uibDatepickerConfig', '$datepickerSuppressError', 'uibDateParser',
-  function($scope, $attrs, $parse, $interpolate, $log, dateFilter, datepickerConfig, $datepickerSuppressError, dateParser) {
+.controller('UibDatepickerController', ['$scope', '$attrs', '$parse', '$interpolate', '$locale', '$log', 'dateFilter', 'uibDatepickerConfig', '$datepickerSuppressError', 'uibDateParser',
+  function($scope, $attrs, $parse, $interpolate, $locale, $log, dateFilter, datepickerConfig, $datepickerSuppressError, dateParser) {
   var self = this,
       ngModelCtrl = { $setViewValue: angular.noop }, // nullModelCtrl;
       ngModelOptions = {};
@@ -37,10 +36,15 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
   });
 
   // Evaled configuration attributes
-  angular.forEach(['showWeeks', 'startingDay', 'yearRows', 'yearColumns', 'shortcutPropagation'], function(key) {
-    self[key] = angular.isDefined($attrs[key]) ? $scope.$parent.$eval($attrs[key]) : datepickerConfig[key];
+  angular.forEach(['showWeeks', 'yearRows', 'yearColumns', 'shortcutPropagation'], function(key) {
+    self[key] = angular.isDefined($attrs[key]) ?
+      $scope.$parent.$eval($attrs[key]) : datepickerConfig[key];
   });
 
+  self.startingDay = angular.isDefined($attrs.startingDay) ?
+    $scope.$parent.$eval($attrs.startingDay) :
+    ($locale.DATETIME_FORMATS.FIRSTDAYOFWEEK + 8) % 7;
+
   // Watchable date attributes
   angular.forEach(['minDate', 'maxDate'], function(key) {
     if ($attrs[key]) {

Diff for: src/datepicker/docs/readme.md

@@ -97,7 +97,7 @@ The datepicker has 3 modes:
   <small class="badge">$</small>
   <i class="glyphicon glyphicon-eye-open"></i> -
   The date object. Needs to be a Javascript Date object.
-  
+
 * `ng-model-options`
   <small class="badge">$</small>
   <small class="badge">C</small>
@@ -121,7 +121,7 @@ The datepicker has 3 modes:
 * `starting-day`
   <small class="badge">$</small>
   <small class="badge">C</small>
-  _(Default: `0`)_ -
+  _(Default: `$locale.DATETIME_FORMATS.FIRSTDAYOFWEEK`)_ -
   Starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday).
 
 * `template-url`
@@ -176,7 +176,7 @@ The popup is a wrapper that you can use in an input to toggle a datepicker. To c
   <small class="badge">C</small>
   _(Default: `false`, Config: `appendToBody`)_ -
   Append the datepicker popup element to `body`, rather than inserting after `datepicker-popup`.
-  
+
 * `datepicker-options`
   <small class="badge">$</small> -
   An object with any combination of the datepicker settings (in camelCase) used to configure the wrapped datepicker.
@@ -208,7 +208,7 @@ The popup is a wrapper that you can use in an input to toggle a datepicker. To c
   <small class="badge">C</small>
   _(Default: `true`)_ -
   Whether or not to display a button bar underneath the uib-datepicker.
-  
+
 * `type`
   <small class="badge">C</small>
   _(Default: `text`, Config: `html5Types`)_ -

Diff for: src/datepicker/test/datepicker.spec.js

@@ -1216,7 +1216,6 @@ describe('datepicker', function() {
         uibDatepickerConfig.showWeeks = false;
         uibDatepickerConfig.yearRows = 2;
         uibDatepickerConfig.yearColumns = 5;
-        uibDatepickerConfig.startingDay = 6;
 
         element = $compile('<uib-datepicker ng-model="date"></uib-datepicker>')($rootScope);
         $rootScope.$digest();
@@ -1253,18 +1252,6 @@ describe('datepicker', function() {
         ]);
       });
 
-      it('changes the `starting-day` & day headers & format', function() {
-        expect(getLabels()).toEqual(['Saturday', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday']);
-        expect(getOptions(false)).toEqual([
-          ['28', '29', '30', '31', '1', '2', '3'],
-          ['4', '5', '6', '7', '8', '9', '10'],
-          ['11', '12', '13', '14', '15', '16', '17'],
-          ['18', '19', '20', '21', '22', '23', '24'],
-          ['25', '26', '27', '28', '29', '30', '1'],
-          ['2', '3', '4', '5', '6', '7', '8']
-        ]);
-      });
-
       it('changes initial visibility for weeks', function() {
         expect(getLabelsRow().find('th').length).toEqual(7);
         var tr = element.find('tbody').find('tr');