angular bootstrap - Timepicker without spinner

app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})


export class AppComponent {
  time = {hour: 7, minute: 21};
}

app.component.html

<h4 style="padding-top:25px; padding-bottom:25px;">
  Angular Bootstrap - Timepicker without spinner
</h4>

<h5><b>Selected Time:</b></h5>
<br/>

<h5>{{time | json}}</h5>
<br/>

<ngb-timepicker [(ngModel)]="time" [spinners]="false">
</ngb-timepicker>

More Angular tutorials

• angular bootstrap - How to use Collapse
• angular bootstrap - How to use Rating
• angular bootstrap - How to use Progressbar
• angular bootstrap - Show text inside Progressbar
• angular bootstrap - Show custom label in Progressbar
• angular bootstrap - How to change Progressbar height
• angular bootstrap - Popover with HTML content
• angular bootstrap - How to delay Popover open close
• angular bootstrap - How to use Timepicker
• angular bootstrap - Timepicker with second
• angular bootstrap - Timepicker with meridian
• angular bootstrap - Timepicker custom steps
• angular bootstrap - Datepicker navigate to current month
• angular bootstrap - Datepicker navigate to specific year month
• angular bootstrap - Datepicker navigate select specific date