Merge pull request #7 from Romko775/IS-6

Fix issue #6
Romko775 · Mar 27, 2019 · 6911fab · 6911fab
2 parents 67514f9 + c5f9540
commit 6911fab
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -57,6 +57,7 @@ export class AppModule { }
 | ------------- | ------------- | ------------- | ------------- | ------------- |
 |[customPlaceholderText] | `string` | `Choose...` | no | Allows you to localize the placeholder text. |
 |[getUserZone] | `boolean` | `false` | no | Allows you to guess user timezone. If `true` also emits value on init. |
+|[setZone] | `string` | `null` | no | Allows to set default zone on init. Example `America/Los_Angeles`.  |
 
 #### Outputs
 | Output  | Description |
@@ -77,6 +78,7 @@ export class AppModule { }
 - [Roman Yanush](https://github.com/Romko775/)
 
 
+
 ----------------------
 
 # Edit package

diff --git a/projects/moment-timezone-picker/README.md b/projects/moment-timezone-picker/README.md
@@ -57,6 +57,7 @@ export class AppModule { }
 | ------------- | ------------- | ------------- | ------------- | ------------- |
 |[customPlaceholderText] | `string` | `Choose...` | no | Allows you to localize the placeholder text. |
 |[getUserZone] | `boolean` | `false` | no | Allows you to guess user timezone. If `true` also emits value on init. |
+|[setZone] | `string` | `null` | no | Allows to set default zone on init. Example `America/Los_Angeles`.  |
 
 #### Outputs
 | Output  | Description |

diff --git a/projects/moment-timezone-picker/package.json b/projects/moment-timezone-picker/package.json
@@ -1,6 +1,6 @@
 {
   "name": "moment-timezone-picker",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "A simple angular moment timezone picker",
   "license": "MIT",
   "author": "Roman Yanush",

diff --git a/projects/moment-timezone-picker/src/lib/moment-timezone-picker.component.ts b/projects/moment-timezone-picker/src/lib/moment-timezone-picker.component.ts
@@ -28,6 +28,20 @@ export class TZone {
 })
 export class MomentTimezonePickerComponent implements OnInit {
 
+  _setZone: string = null;
+  @Input('setZone')
+  set setZone(zone: string) {
+    if (zone && typeof zone === 'string' && zone.length > 0) {
+      this._setZone = zone;
+    } else {
+      this._setZone = null;
+    }
+  }
+
+  get setZone(): string {
+    return this._setZone;
+  }
+
   @Input() customPlaceholderText = 'Choose...';
   @Input() getUserZone = false;
   @Output() onselect: EventEmitter<TZone> = new EventEmitter<TZone>();
@@ -45,7 +59,11 @@ export class MomentTimezonePickerComponent implements OnInit {
       this.userZone = this.setObjectZone(momentZone.tz.guess(true));
       this.emitChanges(this.userZone);
     }
+    if (this.setZone) {
+      this.userZone = this.setObjectZone(this.setZone);
+    }
   }
+
   emitChanges(event: TZone) {
     this.onselect.emit(event);
   }

diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,3 +1,3 @@
-<ng-moment-timezone-picker (onselect)="log($event)" [getUserZone]="true">
+<ng-moment-timezone-picker (onselect)="log($event)" [setZone]="'America/Los_Angeles'">
 
 </ng-moment-timezone-picker>