add input for innerClockFaceSize

Agranom · Mar 15, 2021 · ebe37df · ebe37df
1 parent 73979e1
commit ebe37df
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 3 deletions.
diff --git a/...onents/ngx-material-timepicker-container/ngx-material-timepicker-container.component.html b/...onents/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)"></ngx-material-timepicker-24-hours-face>
                         <ng-template #ampmHours>
                             <ngx-material-timepicker-12-hours-face

diff --git a/...mponents/ngx-material-timepicker-container/ngx-material-timepicker-container.component.ts b/...mponents/ngx-material-timepicker-container/ngx-material-timepicker-container.component.ts
@@ -66,6 +66,7 @@ export class NgxMaterialTimepickerContainerComponent implements OnInit, OnDestro
     minTime: DateTime;
     maxTime: DateTime;
     time: string;
+    innerClockFaceSize: number;
 
     timepickerClass: string;
     theme: NgxMaterialTimepickerTheme;

diff --git a/.../components/timepicker-24-hours-face/ngx-material-timepicker-24-hours-face.component.html b/.../components/timepicker-24-hours-face/ngx-material-timepicker-24-hours-face.component.html
@@ -1,3 +1,3 @@
-<ngx-material-timepicker-face [selectedTime]="selectedHour" [faceTime]="hoursList" [format]="format"
+<ngx-material-timepicker-face [selectedTime]="selectedHour" [innerClockFaceSize]="innerClockFaceSize" [faceTime]="hoursList" [format]="format"
                               (timeChange)="hourChange.next($event)"
                               (timeSelected)="onTimeSelected($event)"></ngx-material-timepicker-face>
diff --git a/.../material-timepicker/components/timepicker-face/ngx-material-timepicker-face.component.ts b/.../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/...aterial-timepicker/components/timepicker-hours-face/ngx-material-timepicker-hours-face.ts b/...aterial-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<ClockFaceTime>();
     @Output() hourSelected = new EventEmitter<number>();

diff --git 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
@@ -25,6 +25,7 @@ export class NgxMaterialTimepickerComponent implements TimepickerRef {
     @Input() editableHintTmpl: TemplateRef<Node>;
     @Input() confirmBtnTmpl: TemplateRef<Node>;
     @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();