Skip to content

Commit

Permalink
Remove unnecessary datepicker css and update readme
Browse files Browse the repository at this point in the history
Looks like a legacy import
  • Loading branch information
pasevin committed Sep 4, 2020
1 parent 8e2fe06 commit 5555ae6
Show file tree
Hide file tree
Showing 2 changed files with 172 additions and 190 deletions.
9 changes: 4 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,8 @@ Validation with [google-libphonenumber](https://github.com/ruimarinho/google-lib

| ngx-intl-tel-input | Angular |
| ------------------ | -------------- |
| 3.0.0 | 9.x.x - 10.x.x |
| 2.x.x | 8.x.x - 9.1.0 |
| 3.x.x | 9.x.x - 10.x.x |
| 2.x.x | 8.x.x - 9.1.x |

## Installation

Expand All @@ -39,7 +39,6 @@ to **angular.json** styles array:

"styles": [
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
"./node_modules/intl-tel-input/build/css/intlTelInput.css",
"src/styles.css"
],
Expand All @@ -54,10 +53,10 @@ to **angular.json** styles array:

### Import

Add `BsDropDownModule` and `NgxIntlTelInputModule` to your module file:
Add `NgxIntlTelInputModule` to your module file:

```javascript
imports: [BsDropdownModule.forRoot(), NgxIntlTelInputModule];
imports: [NgxIntlTelInputModule];
```

## Example
Expand Down
353 changes: 168 additions & 185 deletions angular.json
Original file line number Diff line number Diff line change
@@ -1,186 +1,169 @@
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"ngx-intl-tel-input-app": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"prefix": "app",
"schematics": {},
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"aot": true,
"outputPath": "dist/ngx-intl-tel-input-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": [
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
"./node_modules/intl-tel-input/build/css/intlTelInput.css",
"src/styles.css"
],
"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"
},
{
"type": "anyComponentStyle",
"maximumWarning": "6kb"
}
]
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "ngx-intl-tel-input-app:build"
},
"configurations": {
"production": {
"browserTarget": "ngx-intl-tel-input-app:build:production"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "ngx-intl-tel-input-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": [
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
"./node_modules/intl-tel-input/build/css/intlTelInput.css",
"src/styles.css"
],
"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/**"
]
}
}
}
},
"ngx-intl-tel-input-app-e2e": {
"root": "e2e/",
"projectType": "application",
"prefix": "",
"architect": {
"e2e": {
"builder": "@angular-devkit/build-angular:protractor",
"options": {
"protractorConfig": "e2e/protractor.conf.js",
"devServerTarget": "ngx-intl-tel-input-app:serve"
},
"configurations": {
"production": {
"devServerTarget": "ngx-intl-tel-input-app:serve:production"
}
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": "e2e/tsconfig.e2e.json",
"exclude": [
"**/node_modules/**"
]
}
}
}
},
"ngx-intl-tel-input": {
"root": "projects/ngx-intl-tel-input",
"sourceRoot": "projects/ngx-intl-tel-input/src",
"projectType": "library",
"prefix": "ngx",
"architect": {
"build": {
"builder": "@angular-devkit/build-ng-packagr:build",
"options": {
"tsConfig": "projects/ngx-intl-tel-input/tsconfig.lib.json",
"project": "projects/ngx-intl-tel-input/ng-package.json"
}
, "configurations": {
"production": {
"tsConfig": "projects/ngx-intl-tel-input/tsconfig.lib.prod.json"
}
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "projects/ngx-intl-tel-input/src/test.ts",
"tsConfig": "projects/ngx-intl-tel-input/tsconfig.spec.json",
"karmaConfig": "projects/ngx-intl-tel-input/karma.conf.js"
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"projects/ngx-intl-tel-input/tsconfig.lib.json",
"projects/ngx-intl-tel-input/tsconfig.spec.json"
],
"exclude": [
"**/node_modules/**"
]
}
}
}
}
},
"defaultProject": "ngx-intl-tel-input-app"
}
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"ngx-intl-tel-input-app": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"prefix": "app",
"schematics": {},
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"aot": true,
"outputPath": "dist/ngx-intl-tel-input-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": [
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"./node_modules/intl-tel-input/build/css/intlTelInput.css",
"src/styles.css"
],
"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"
},
{
"type": "anyComponentStyle",
"maximumWarning": "6kb"
}
]
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "ngx-intl-tel-input-app:build"
},
"configurations": {
"production": {
"browserTarget": "ngx-intl-tel-input-app:build:production"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "ngx-intl-tel-input-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": [
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"./node_modules/intl-tel-input/build/css/intlTelInput.css",
"src/styles.css"
],
"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/**"]
}
}
}
},
"ngx-intl-tel-input-app-e2e": {
"root": "e2e/",
"projectType": "application",
"prefix": "",
"architect": {
"e2e": {
"builder": "@angular-devkit/build-angular:protractor",
"options": {
"protractorConfig": "e2e/protractor.conf.js",
"devServerTarget": "ngx-intl-tel-input-app:serve"
},
"configurations": {
"production": {
"devServerTarget": "ngx-intl-tel-input-app:serve:production"
}
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": "e2e/tsconfig.e2e.json",
"exclude": ["**/node_modules/**"]
}
}
}
},
"ngx-intl-tel-input": {
"root": "projects/ngx-intl-tel-input",
"sourceRoot": "projects/ngx-intl-tel-input/src",
"projectType": "library",
"prefix": "ngx",
"architect": {
"build": {
"builder": "@angular-devkit/build-ng-packagr:build",
"options": {
"tsConfig": "projects/ngx-intl-tel-input/tsconfig.lib.json",
"project": "projects/ngx-intl-tel-input/ng-package.json"
},
"configurations": {
"production": {
"tsConfig": "projects/ngx-intl-tel-input/tsconfig.lib.prod.json"
}
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "projects/ngx-intl-tel-input/src/test.ts",
"tsConfig": "projects/ngx-intl-tel-input/tsconfig.spec.json",
"karmaConfig": "projects/ngx-intl-tel-input/karma.conf.js"
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"projects/ngx-intl-tel-input/tsconfig.lib.json",
"projects/ngx-intl-tel-input/tsconfig.spec.json"
],
"exclude": ["**/node_modules/**"]
}
}
}
}
},
"defaultProject": "ngx-intl-tel-input-app"
}

0 comments on commit 5555ae6

Please sign in to comment.