ngx-duration-picker is a reusable angular duration picker component that works with ISO_8601 durations. Requires Bootstrap and css only (no Bootstrap JS or jQuery needed).

How to make use of it:

Installation:

npm install --save ngx-duration-picker

1. Then in your app.module.ts add DurationPickerModule between your imports:

@NgModule({
  declarations: [...],
  imports: [
    DurationPickerModule,
    ...
  ],
  providers: [...],
  bootstrap: [AppComponent]
})
export class AppModule { }

2. Usage

<ngx-duration-picker [(value)]="myDuration"></ngx-duration-picker>

See Demo And Download

Official Website(FrancescoBorzi): Click Here

This superior jQuery/javascript plugin is developed by FrancescoBorzi. For extra advanced usage, please go to the official website.