docs(timepicker): add seconds step (valor-software#3572)

* docs(timepicker): add seconds step adding seconds steps in custom steps close valor-software#3569 * docs(timepicker): add modefied files after update
azavea · Mar 1, 2018 · 53441e5 · 53441e5
1 parent 44fc789
commit 53441e5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/demo/src/app/components/+timepicker/demos/custom/custom.html b/demo/src/app/components/+timepicker/demos/custom/custom.html
@@ -1,4 +1,4 @@
-<timepicker [(ngModel)]="mytime" [hourStep]="hstep" [minuteStep]="mstep"></timepicker>
+<timepicker [(ngModel)]="mytime" [hourStep]="hstep" [minuteStep]="mstep" [showSeconds]="true" [secondsStep]="sstep"></timepicker>
 
 <pre class="alert alert-info">Time is: {{mytime}}</pre>
 
@@ -15,4 +15,10 @@
       <option *ngFor="let opt of options.mstep" [value]="opt">{{opt}}</option>
     </select>
   </div>
+  <div class="col-xs-6 col-6 col-md-3">
+    Seconds step is:
+    <select class="form-control" [(ngModel)]="sstep">
+      <option *ngFor="let opt of options.sstep" [value]="opt">{{opt}}</option>
+    </select>
+  </div>
 </div>
diff --git a/demo/src/app/components/+timepicker/demos/custom/custom.ts b/demo/src/app/components/+timepicker/demos/custom/custom.ts
@@ -5,12 +5,14 @@ import { Component } from '@angular/core';
   templateUrl: './custom.html'
 })
 export class DemoTimepickerCustomComponent {
-  hstep: number = 1;
-  mstep: number = 15;
+  hstep = 1;
+  mstep = 15;
+  sstep = 10;
 
   mytime: Date = new Date();
   options: any = {
     hstep: [1, 2, 3],
-    mstep: [1, 5, 10, 15, 25, 30]
+    mstep: [1, 5, 10, 15, 25, 30],
+    sstep: [5, 10, 20, 30]
   };
 }