Merge pull request DanielYKPan#577 from pasevin/master

Fixes DanielYKPan#552 and Angular 8

.editorconfig

@@ -0,0 +1,13 @@
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.gitignore

@@ -4,7 +4,6 @@
 /dist
 /tmp
 /out-tsc
-/npmdist
 
 # dependencies
 /node_modules
@@ -31,13 +30,11 @@
 /coverage
 /libpeerconnection.log
 npm-debug.log
+yarn-error.log
 testem.log
 /typings
 
-# e2e
-/e2e/*.js
-/e2e/*.map
-
 # System Files
 .DS_Store
 Thumbs.db
+/.vscode

.prettierrc

@@ -0,0 +1,2 @@
+tabWidth: 4
+singleQuote: true

README.md

@@ -5,7 +5,7 @@ Angular Date Time Picker
 [![npm](https://img.shields.io/npm/dm/ng-pick-datetime.svg)](https://www.npmjs.com/package/ng-pick-datetime)
 
 **Angular date time picker - Angular reusable UI component**
-**This package supports Angular 7+**
+**This package supports Angular 8**
 
 
 Breaking Changes

angular.json

@@ -0,0 +1,158 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "date-time-picker-app": {
+ "root": "",
+ "sourceRoot": "src",
+ "projectType": "application",
+ "prefix": "owl",
+ "schematics": {
+ "@schematics/angular:component": {
+ "styleext": "sass"
+ }
+ },
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/date-time-picker-app",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "src/tsconfig.app.json",
+ "assets": ["src/favicon.ico", "src/assets"],
+ "styles": ["src/styles.sass"],
+ "scripts": []
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "optimization": true,
+ "outputHashing": "all",
+ "sourceMap": false,
+ "extractCss": true,
+ "namedChunks": false,
+ "aot": true,
+ "extractLicenses": true,
+ "vendorChunk": false,
+ "buildOptimizer": true,
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "2mb",
+ "maximumError": "5mb"
+ }
+ ]
+ }
+ }
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "options": {
+ "browserTarget": "date-time-picker-app:build"
+ },
+ "configurations": {
+ "production": {
+ "browserTarget": "date-time-picker-app:build:production"
+ }
+ }
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "browserTarget": "date-time-picker-app:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "src/tsconfig.spec.json",
+ "karmaConfig": "src/karma.conf.js",
+ "styles": ["src/styles.sass"],
+ "scripts": [],
+ "assets": ["src/favicon.ico", "src/assets"]
+ }
+ },
+ "lint": {
+ "builder": "@angular-devkit/build-angular:tslint",
+ "options": {
+ "tsConfig": [
+ "src/tsconfig.app.json",
+ "src/tsconfig.spec.json"
+ ],
+ "exclude": ["**/node_modules/**"]
+ }
+ }
+ }
+ },
+ "date-time-picker-app-e2e": {
+ "root": "e2e/",
+ "projectType": "application",
+ "prefix": "",
+ "architect": {
+ "e2e": {
+ "builder": "@angular-devkit/build-angular:protractor",
+ "options": {
+ "protractorConfig": "e2e/protractor.conf.js",
+ "devServerTarget": "date-time-picker-app:serve"
+ },
+ "configurations": {
+ "production": {
+ "devServerTarget": "date-time-picker-app:serve:production"
+ }
+ }
+ },
+ "lint": {
+ "builder": "@angular-devkit/build-angular:tslint",
+ "options": {
+ "tsConfig": "e2e/tsconfig.e2e.json",
+ "exclude": ["**/node_modules/**"]
+ }
+ }
+ }
+ },
+ "picker": {
+ "root": "projects/picker",
+ "sourceRoot": "projects/picker/src",
+ "projectType": "library",
+ "prefix": "owl",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-ng-packagr:build",
+ "options": {
+ "tsConfig": "projects/picker/tsconfig.lib.json",
+ "project": "projects/picker/ng-package.json"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "projects/picker/src/test.ts",
+ "tsConfig": "projects/picker/tsconfig.spec.json",
+ "karmaConfig": "projects/picker/karma.conf.js"
+ }
+ },
+ "lint": {
+ "builder": "@angular-devkit/build-angular:tslint",
+ "options": {
+ "tsConfig": [
+ "projects/picker/tsconfig.lib.json",
+ "projects/picker/tsconfig.spec.json"
+ ],
+ "exclude": ["**/node_modules/**"]
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "date-time-picker-app"
+}

browserslist

@@ -0,0 +1,11 @@
+# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+#
+# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11

protractor.conf.js → e2e/protractor.conf.js

@@ -6,7 +6,7 @@ const { SpecReporter } = require('jasmine-spec-reporter');
 exports.config = {
  allScriptsTimeout: 11000,
  specs: [
- './e2e/**/*.e2e-spec.ts'
+ './src/**/*.e2e-spec.ts'
  ],
  capabilities: {
  'browserName': 'chrome'
@@ -21,8 +21,8 @@ exports.config = {
  },
  onPrepare() {
  require('ts-node').register({
- project: 'e2e/tsconfig.e2e.json'
+ project: require('path').join(__dirname, './tsconfig.e2e.json')
  });
  jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
  }
-};
+};

e2e/app.e2e-spec.ts → e2e/src/app.e2e-spec.ts

@@ -1,6 +1,6 @@
 import { AppPage } from './app.po';
 
-describe('ng-pick-datetime App', () => {
+describe('workspace-project App', () => {
  let page: AppPage;
 
  beforeEach(() => {
@@ -9,6 +9,6 @@ describe('ng-pick-datetime App', () => {
 
  it('should display welcome message', () => {
  page.navigateTo();
- expect(page.getParagraphText()).toEqual('Welcome to app!');
+ expect(page.getParagraphText()).toEqual('Welcome to date-time-picker-app!');
  });
 });

e2e/tsconfig.e2e.json

@@ -1,8 +1,7 @@
 {
  "extends": "../tsconfig.json",
  "compilerOptions": {
- "outDir": "../out-tsc/e2e",
- "baseUrl": "./",
+ "outDir": "../out-tsc/app",
  "module": "commonjs",
  "target": "es5",
  "types": [
@@ -11,4 +10,4 @@
  "node"
  ]
  }
-}
+}