html-duration-picker没有以正确的格式显示

我正在尝试实现一个允许我输入文档长度的外部库。

我正在使用html-duration-picker库，但是输入不能正常工作。

我错过了一个导入还是库有问题?

有人能帮帮我吗?

谢谢图书馆

<h2>Result:</h2>
Regular Input box <br><code>&#x3C;input type="text"&#x3E;</code> <br>
<input type="text">
<br><br>
Duration Input box <br><code>&#x3C;input class="html-duration-picker"&#x3E;</code> <br>
<input type="text" class="html-duration-picker">
<br><br>
Hide Seconds <br><code>&#x3C;input class="html-duration-picker" data-hide-seconds&#x3E;</code> <br>
<input type="text" class="html-duration-picker" data-hide-seconds>
<br>

import { Component, VERSION } from '@angular/core';
import * as HtmlDurationPicker from 'html-duration-picker';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
name = 'Angular ' + VERSION.major;
ngAfterViewInit() {
HtmlDurationPicker.init();
}
}