Merge branch 'master' of github.com:720kb/angular-datepicker

Author: 45kb

README.md

@@ -83,7 +83,8 @@ date-max-limit="" | String | false | Set a maximum date limit - you can use all
 date-set-hidden="" | String(Boolean) | false | Set the default date to be shown only in calendar and not in the input field
 date-disabled-dates="" | String([Date(), Date(), ...]) | false | Disable specific dates using an _Array_ of dates
 date-refocus="" | String(Boolean) | false | Set the datepicker to re-focus the input after selecting a date
- 
+date-typer="" | String(Boolean) | false | Set the datepicker to update calendar date when user is typing a date
+
 ##Options
 Angular datepicker allows you to use some options via `attribute` data
 

index.html

@@ -19,7 +19,7 @@
   <div class="separator50"></div>
   <div class="col6 offset-left2">
     <div class="col3">
-      <div datepicker date-set="2011/07/05">
+      <div datepicker date-set="2011/07/05" date-typer="true">
         <input ng-model="date1" type="text" class="angular-datepicker-input"/>
       </div>
       Date 1 is: {{date1}}

src/js/angular-datepicker.js

@@ -52,7 +52,7 @@
           '</div>',
           '<div class="_720kb-datepicker-calendar-header-middle _720kb-datepicker-calendar-month">',
             '{{month}}&nbsp;',
-            '<a href="javascript:void(0)" ng-click="showYearsPagination = !showYearsPagination">',
+            '<a href="javascript:void(0)" ng-click="paginateYears(year); showYearsPagination = !showYearsPagination;">',
               '<span>',
                 '{{year}}',
                 '<i ng-class="{\'_720kb-datepicker-calendar-header-closed-pagination\': !showYearsPagination, \'_720kb-datepicker-calendar-header-opened-pagination\': showYearsPagination}"></i>',
@@ -446,11 +446,11 @@
 
             $scope.day = Number(day);
             setInputValue();
-            
+
             if (attr.hasOwnProperty('dateRefocus')) {
               thisInput[0].focus();
             }
-            
+
             $scope.hideCalendar();
           }
         };
@@ -483,7 +483,45 @@
 
             theNewYears.push(Number(startingYear) + i);
           }
+          //date typing in input date-typer
+          if ($scope.dateTyper === 'true') {
+
+            thisInput.on('keyup blur', function onTyping() {
+
+              if (thisInput[0].value &&
+                thisInput[0].value.length &&
+                thisInput[0].value.length > 0) {
+
+                try {
+
+                  date = new Date(thisInput[0].value.toString());
+
+                  if (date.getFullYear() &&
+                   date.getDay() &&
+                   date.getMonth() &&
+                   $scope.isSelectableDate(date) &&
+                   $scope.isSelectableMaxDate(date) &&
+                   $scope.isSelectableMinDate(date)) {
 
+                    $scope.$apply(function applyTyping() {
+
+                      $scope.month = $filter('date')(date, 'MMMM');//december-November like
+                      $scope.monthNumber = Number($filter('date')(date, 'MM')); // 01-12 like
+
+                      if (date.getFullYear().toString().length === 4) {
+                        $scope.year = Number($filter('date')(date, 'yyyy'));//2014 like
+                      }
+                      setDaysInMonth($scope.monthNumber, $scope.year);
+                      $scope.day = Number($filter('date')(date, 'dd')); //01-31 like
+                    });
+                  }
+                } catch (e) {
+
+                  return e;
+                }
+              }
+            });
+          }
           //check range dates
           if ($scope.dateMaxLimit &&
             theNewYears &&
@@ -674,7 +712,8 @@
           'buttonNextTitle': '@',
           'buttonPrevTitle': '@',
           'dateDisabledDates': '@',
-          'dateSetHidden': '@'
+          'dateSetHidden': '@',
+          'dateTyper': '@'
         },
         'link': linkingFunction
       };