moment-timezone-picker

MomentTimezonePicker

Dependencies

For select input @ng-select/ng-select For time core moment-timezone

Getting started

Step 1: Install

NPM

npm i moment-timezone-picker --save

Step 2: Import the MomentTimezonePickerModule

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { MomentTimezonePickerModule } from 'moment-timezone-picker'; //add this

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MomentTimezonePickerModule //add this
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Step 3: Add in component html

<ng-moment-timezone-picker (onselect)="yourFunc($event)" [customPlaceholderText]="yourText">
</ng-moment-timezone-picker>

Step 4: Configuration

Inputs

Input	Type	Default	Required	Description
[customPlaceholderText]	string	Choose...	no	Allows you to localize the placeholder text.

Outputs

Output	Description
(onselect)	Returns object {name:string; nameValue: string; timeValue: string;}

Contributor

• Roman Yanush