I am wondering about 2 things on the time picker.
a) Is there a way to remove on the drop down the left bar and also how can i get rid of the :0 after the Min ?
b) if the value of the control is empty, how can i set the initial value when user clicks on control
Hi Angular Boy,
To remove the calendar header you can set the time picker mode to dropdown. In dialog mode it is always present and the only thing you can change is its position by setting the vertical property.
To exclude the trailing zero from the minutes you can set the format property.
You can set the control's value by specifying a click handler:
<igx-time-picker #tp [format]="'h:m tt'" (click)="setValue()"></igx-time-picker>
and then implement the handler in the component:
public setValue(){ this.tp.value = new Date(2021, 3, 3, 10, 15, 0); }
I am a bit confused, based on the docs the default format is hh:mm tt so where does the 0 after the minute come from ? It also shows on your sample page if you click the time picker.
https://www.infragistics.com/products/ignite-ui-angular/angular/components/time-picker
Yes, this seems to be a bug since the header is always displaying the hours, minutes and seconds disregarding the selected format.
Since the igxTimePicker component is in the process of refactoring the fix will be included in it too. The release version containing the fix is expected in mid April.