Я использую в своем приложении angular потрясающее средство выбора времени, которое выглядит следующим образом:
![amazing timer picker](https://i.stack.imgur.com/6uswj.jpg)
Это стандартный дисплей, но я хочу настроить это так, что он должен отображать только выбранные минуты, например, я хочу, чтобы отображались только 0, 15, 30 и 45, когда пользователь открывает таймер.
![enter image description here](https://i.stack.imgur.com/Dazeq.jpg)
Если это отображение невозможно, то, по крайней мере, оно должно позволять выбор только на 0,15,30,45 минуты.
какой подход возможен здесь и как предоставить для него конфигурацию
export interface TimePickerConfig {
time?: string;
theme?: 'dark' | 'light' | 'material-red' | 'material-green' | 'material-blue' | 'material-purple' | 'material-orange';
rangeTime?: RangeTime;
arrowStyle?: Pallete;
locale?: string;
preference?: IDisplayPreference;
changeToMinutes?: boolean;
animation?: 'fade' | 'rotate' | false;
onlyHour?: boolean;
onlyMinute?: boolean;
onlyAM?: boolean;
onlyPM?: boolean;
}
и
export interface IDisplayPreference {
minute?: Function;
hour?: Function;
separator?: string;
labels?: {
ok?: string;
cancel?: string;
};
period?(period: 'AM' | 'PM'): any;
clockMinute?(minute: any): any;
clockHour?(hour: any): any;
}
в данном интерфейсе конфигурации для этого элемента управления, какое свойство я могу использовать здесь?