diff --git a/src/app/material-timepicker/components/ngx-material-timepicker-container/ngx-material-timepicker-container.component.html b/src/app/material-timepicker/components/ngx-material-timepicker-container/ngx-material-timepicker-container.component.html index 78ea2e9a..44919eb9 100644 --- a/src/app/material-timepicker/components/ngx-material-timepicker-container/ngx-material-timepicker-container.component.html +++ b/src/app/material-timepicker/components/ngx-material-timepicker-container/ngx-material-timepicker-container.component.html @@ -34,6 +34,7 @@ [minTime]="minTime" [maxTime]="maxTime" [format]="format" + [innerClockFaceSize]="innerClockFaceSize" (hourSelected)="onHourSelected($event)"> diff --git a/src/app/material-timepicker/components/timepicker-face/ngx-material-timepicker-face.component.ts b/src/app/material-timepicker/components/timepicker-face/ngx-material-timepicker-face.component.ts index e54068f0..695f80ef 100755 --- a/src/app/material-timepicker/components/timepicker-face/ngx-material-timepicker-face.component.ts +++ b/src/app/material-timepicker/components/timepicker-face/ngx-material-timepicker-face.component.ts @@ -37,7 +37,7 @@ export class NgxMaterialTimepickerFaceComponent implements AfterViewInit, OnChan timeUnit = TimeUnit; isClockFaceDisabled: boolean; - innerClockFaceSize = 85; + @Input() innerClockFaceSize = 85; @Input() faceTime: ClockFaceTime[]; @Input() selectedTime: ClockFaceTime; diff --git a/src/app/material-timepicker/components/timepicker-hours-face/ngx-material-timepicker-hours-face.ts b/src/app/material-timepicker/components/timepicker-hours-face/ngx-material-timepicker-hours-face.ts index dd1ad8d2..5730076c 100755 --- a/src/app/material-timepicker/components/timepicker-hours-face/ngx-material-timepicker-hours-face.ts +++ b/src/app/material-timepicker/components/timepicker-hours-face/ngx-material-timepicker-hours-face.ts @@ -10,6 +10,7 @@ export class NgxMaterialTimepickerHoursFace { @Input() minTime: DateTime; @Input() maxTime: DateTime; @Input() format: number; + @Input() innerClockFaceSize: number; @Output() hourChange = new EventEmitter(); @Output() hourSelected = new EventEmitter(); diff --git a/src/app/material-timepicker/models/timepicker-config.interface.ts b/src/app/material-timepicker/models/timepicker-config.interface.ts index b31f7c6b..41269cc8 100644 --- a/src/app/material-timepicker/models/timepicker-config.interface.ts +++ b/src/app/material-timepicker/models/timepicker-config.interface.ts @@ -23,4 +23,5 @@ export interface TimepickerConfig { timepickerClass: string; theme: NgxMaterialTimepickerTheme; timepickerBaseRef: TimepickerRef; + innerClockFaceSize: number; } diff --git a/src/app/material-timepicker/ngx-material-timepicker.component.ts b/src/app/material-timepicker/ngx-material-timepicker.component.ts index d4541351..1755be8c 100755 --- a/src/app/material-timepicker/ngx-material-timepicker.component.ts +++ b/src/app/material-timepicker/ngx-material-timepicker.component.ts @@ -25,6 +25,7 @@ export class NgxMaterialTimepickerComponent implements TimepickerRef { @Input() editableHintTmpl: TemplateRef; @Input() confirmBtnTmpl: TemplateRef; @Input('ESC') isEsc = true; + @Input() innerClockFaceSize = 85; @Input() enableKeyboardInput: boolean; @Input() preventOverlayClick: boolean; @Input() disableAnimation: boolean; @@ -133,7 +134,8 @@ export class NgxMaterialTimepickerComponent implements TimepickerRef { hoursOnly: this.hoursOnly, theme: this.theme || this._ngxMaterialTimepickerTheme, timepickerClass: this.timepickerClass, - inputElement: this.inputElement + inputElement: this.inputElement, + innerClockFaceSize: this.innerClockFaceSize }); this.opened.next(); this.subscribeToEvents();