modalmddatepicker - npm Package Compare versions

Comparing version 1.0.9 to 1.0.10

bower.json

 {
   "name": "modalmddatepicker",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "homepage": "https://github.com/diegoguevara/ModalMDDatePicker",
@@ -5,0 +5,0 @@ "authors": [

package.json

 {
   "name": "modalmddatepicker",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Angular Material Datepicker Component",
@@ -5,0 +5,0 @@ "main": "modal-md-datepicker.min.js",

README.md

@@ -55,3 +55,3 @@ # Angular Material DatePicker
 
-Attribute `date-format`: `String` with plain javascript date format.
+Attribute `date-format`: `String` with plain javascript date format. Format input text result date.
 
@@ -62,2 +62,3 @@ ```html
 
+
 ### Min Date
@@ -86,2 +87,10 @@
 
+### Locked input
+
+Attribute `locked` : `bool` Locks input field to prevent direct write.
+
+```html
+<modal-md-datepicker ng-model="selectedDate" locked="true"></modal-md-datepicker>
+```
+
 ### Options
@@ -124,4 +133,17 @@
 
+#### `title_date_format` : optional
 
+Allow to format component title date, with plain javascript date format.
 
+```html
+<modal-md-datepicker ng-model="selectedDate" options="format_title_options"></modal-md-datepicker>
+```
+```js
+$scope.format_title_options = {
+    title_date_format : 'EEEE, MMMM d'
+};
+```
+
+
+
 ## Example 
@@ -128,0 +150,0 @@

src/modal-md-datepicker.js

@@ -6,3 +6,3 @@ /*!
 * Updated 2016.05
-* version 1.0.9
+* version 1.0.10
 */
@@ -96,3 +96,4 @@
       maxDate: '@',
-      readOnly:'@',
+      //readOnly:'@',
+      locked:'=',
       options : '='
@@ -105,4 +106,4 @@ },
       $scope.modal_md_readonly = false;
-          if( $attr.readOnly ){
-            $scope.modal_md_readonly = $attr.readOnly;
+          if( $scope.locked ){
+            $scope.modal_md_readonly = $scope.locked;
           }
@@ -293,2 +294,3 @@
           targetEvent: $event,
+          clickOutsideToClose :true,
           locals: {
@@ -547,8 +549,14 @@ dlgOrientation: $scope.orientation,
         $scope.selYear = newy;
+        
+        
 
         $scope.CalculateMonth($scope.selMonth);
       };
-      // 
-      // <div class="datelabel">{{selDate | amDateFormat:\'ddd, MMM d\'}}</div>\
+      
       var _BuildCalendar = function () {
+        $scope.title_format = 'EEE, MMM d';
+        if( $scope.options && $scope.options.title_date_format ){
+          $scope.title_format = $scope.options.title_date_format;
+        }
+        
         var caltext = '\
@@ -559,3 +567,3 @@ <div layout="column" class="masterdatepicker jmddp-'+ $scope.serial + '" >\
         <div class="md-subhead">{{selYear}}</div>\
-        <div class="md-headline">{{selDate | date:\'EEE, MMM d\'}}</div>\
+        <div class="md-headline">{{selDate | date:\'' + $scope.title_format + '\'}}</div>\
         </div>\
@@ -562,0 +570,0 @@ </md-toolbar>\

No alert changes

Improved metrics

Total package byte prevSize

57349

increased by2.4%

Lines of code

593

increased by0.68%

Number of lines in readme file

153

increased by16.79%

No dependency changes