Issue56 (#75)

* bugfixes/issue56: starting issue56 * bugfixes/issue56: * update version * issue56: add accessibility from keyboard and input restrictions for a dial * change dependencies
Agranom · Nov 24, 2018 · 032ae5f · 032ae5f
1 parent 7008af1
commit 032ae5f
Show file tree

Hide file tree

Showing 18 changed files with 393 additions and 145 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,17 @@
 # Change Log
 
 All notable changes to this project will be documented in this file
+## 2.9.0 (2018-11-24)
+
+### Features
+
+* feat(timepicker dial): add accessibility from keyboard and input restrictions for a dial, closes [(#56)](https://github.com/Agranom/ngx-material-timepicker/issues/56)
+
+## 2.8.4 (2018-11-20)
+
+### Fixes
+
+* fix(ExpressionChangedAfterItHasBeenCheckedError): closes [(#56)](https://github.com/Agranom/ngx-material-timepicker/issues/56)
 
 ## 2.8.4 (2018-11-20)
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,84 +1,85 @@
 {
-  "name": "ngx-material-timepicker",
-  "description": "Handy material design timepicker for angular",
-  "version": "2.8.4",
-  "license": "MIT",
-  "author": "Vitalii Boiko <[email protected]>",
-  "keywords": [
-    "angular",
-    "angular 2",
-    "angular 4",
-    "angular 5",
-    "angular 6",
-    "angular 7",
-    "material design",
-    "timepicker",
-    "material timepicker",
-    "ngx timepicker",
-    "angular timepicker",
-    "ng timepicker"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Agranom/ngx-material-timepicker.git"
-  },
-  "bugs": {
-    "url": "https://github.com/Agranom/ngx-material-timepicker/issues"
-  },
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build --prod",
-    "lint": "ng lint",
-    "test": "ng test --watch=false --code-coverage --browsers ChromeHeadlessNoSandbox",
-    "test:watch": "ng test --code-coverage",
-    "codecov": "codecov",
-    "packagr": "ng-packagr -p ng-package.json",
-    "publish": "run-s packagr && npm publish dist",
-    "gh-publish": "ng build --prod --base-href ngx-material-timepicker && gh-pages -d dist"
-  },
-  "types": ".src/app/material-timepicker/index.d.ts",
-  "private": false,
-  "peerDependencies": {},
-  "dependencies": {
-    "moment": "^2.21.0"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "~0.6.5",
-    "@angular/animations": "^7.0.3",
-    "@angular/cli": "^7.0.5",
-    "@angular/common": "^7.0.3",
-    "@angular/compiler": "^7.0.3",
-    "@angular/compiler-cli": "^7.0.3",
-    "@angular/core": "^7.0.3",
-    "@angular/forms": "^7.0.3",
-    "@angular/http": "^7.0.3",
-    "@angular/language-service": "^7.0.3",
-    "@angular/platform-browser": "^7.0.3",
-    "@angular/platform-browser-dynamic": "^7.0.3",
-    "@angular/router": "^7.0.3",
-    "@types/jasmine": "~2.8.3",
-    "@types/jasminewd2": "~2.0.2",
-    "@types/node": "~6.0.60",
-    "codecov": "^3.1.0",
-    "codelyzer": "^4.0.1",
-    "core-js": "^2.4.1",
-    "jasmine-core": "~2.8.0",
-    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~2.0.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "^1.2.1",
-    "karma-jasmine": "~1.1.0",
-    "karma-jasmine-html-reporter": "^0.2.2",
-    "ng-packagr": "^4.4.0",
-    "ngx-material-timepicker": "^2.8.3",
-    "npm-run-all": "^4.1.3",
-    "protractor": "~5.1.2",
-    "rxjs": "^6.3.3",
-    "travis-deploy-once": "^5.0.0",
-    "ts-node": "~4.1.0",
-    "tslint": "~5.9.1",
-    "typescript": "3.1.6",
-    "zone.js": "^0.8.26"
-  }
+    "name": "ngx-material-timepicker",
+    "description": "Handy material design timepicker for angular",
+    "version": "2.9.0",
+    "license": "MIT",
+    "author": "Vitalii Boiko <[email protected]>",
+    "keywords": [
+        "angular",
+        "angular 2",
+        "angular 4",
+        "angular 5",
+        "angular 6",
+        "angular 7",
+        "material design",
+        "timepicker",
+        "material timepicker",
+        "ngx timepicker",
+        "angular timepicker",
+        "ng timepicker"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/Agranom/ngx-material-timepicker.git"
+    },
+    "bugs": {
+        "url": "https://github.com/Agranom/ngx-material-timepicker/issues"
+    },
+    "scripts": {
+        "ng": "ng",
+        "start": "ng serve",
+        "build": "ng build --prod",
+        "lint": "ng lint",
+        "test": "ng test --watch=false --code-coverage --browsers ChromeHeadlessNoSandbox",
+        "test:watch": "ng test --code-coverage",
+        "codecov": "codecov",
+        "packagr": "ng-packagr -p ng-package.json",
+        "publish": "run-s packagr && npm publish dist",
+        "gh-publish": "ng build --prod --base-href ngx-material-timepicker && gh-pages -d dist"
+    },
+    "types": ".src/app/material-timepicker/index.d.ts",
+    "private": false,
+    "peerDependencies": {
+        "moment": "^2.21.0"
+    },
+    "devDependencies": {
+        "@angular-devkit/build-angular": "~0.6.5",
+        "@angular/animations": "^7.0.3",
+        "@angular/cli": "^7.0.5",
+        "@angular/common": "^7.0.3",
+        "@angular/compiler": "^7.0.3",
+        "@angular/compiler-cli": "^7.0.3",
+        "@angular/core": "^7.0.3",
+        "@angular/forms": "^7.0.3",
+        "@angular/http": "^7.0.3",
+        "@angular/language-service": "^7.0.3",
+        "@angular/platform-browser": "^7.0.3",
+        "@angular/platform-browser-dynamic": "^7.0.3",
+        "@angular/router": "^7.0.3",
+        "@types/jasmine": "~2.8.3",
+        "@types/jasminewd2": "~2.0.2",
+        "@types/node": "~6.0.60",
+        "codecov": "^3.1.0",
+        "codelyzer": "^4.0.1",
+        "core-js": "^2.4.1",
+        "jasmine-core": "~2.8.0",
+        "jasmine-spec-reporter": "~4.2.1",
+        "karma": "~2.0.0",
+        "karma-chrome-launcher": "~2.2.0",
+        "karma-coverage-istanbul-reporter": "^1.2.1",
+        "karma-jasmine": "~1.1.0",
+        "karma-jasmine-html-reporter": "^0.2.2",
+        "ng-packagr": "^4.4.0",
+        "ngx-material-timepicker": "^2.8.3",
+        "npm-run-all": "^4.1.3",
+        "protractor": "~5.1.2",
+        "rxjs": "^6.3.3",
+        "travis-deploy-once": "^5.0.0",
+        "ts-node": "~4.1.0",
+        "tsickle": "^0.34.0",
+        "tslint": "~5.9.1",
+        "typescript": "3.1.6",
+        "zone.js": "^0.8.26",
+        "moment": "^2.21.0"
+    }
 }
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -175,7 +175,7 @@ <h3 class="ngx-material-timepicker-examples__title">Examples</h3>
     </main>
     <footer class="footer">
         <div class="container">
-            <p class="footer__version">Current version 2.8.4</p>
+            <p class="footer__version">Current version 2.9.0</p>
         </div>
     </footer>
 </div>
diff --git a/...er/components/timepicker-dial-control/ngx-material-timepicker-dial-control.component.html b/...er/components/timepicker-dial-control/ngx-material-timepicker-dial-control.component.html
@@ -2,4 +2,4 @@
 <input class="timepicker-dial__control timepicker-dial__item"
        [ngClass]="{'timepicker-dial__item_active': isActive, 'timepicker-dial__control_editable': isEditable}"
        [(ngModel)]="time" (input)="updateTime()" (focus)="saveTimeAndChangeTimeUnit($event, timeUnit)"
-       (blur)="revertTimeAndFormat()" [readonly]="!isEditable" [timepickerAutofocus]="isActive">
+       (blur)="formatTime()" [readonly]="!isEditable" [timepickerAutofocus]="isActive" (keydown)="onKeyDown($event)">
diff --git a/...er/components/timepicker-dial-control/ngx-material-timepicker-dial-control.component.scss b/...er/components/timepicker-dial-control/ngx-material-timepicker-dial-control.component.scss
@@ -9,7 +9,7 @@
     padding: 0;
     border-radius: 3px;
     &_editable {
-        &:focus, &::selection {
+        &:focus {
             color: $primary-color;
             background-color: #fff;
             outline: $primary-color;