From 6be478cacc13f3c5e6808d4d5dc358eb53be1faf Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Wed, 10 May 2023 11:53:49 +0300
Subject: [PATCH] Add max-length=4 and text-center in inputs of year-range

---
 sharedComponents/input/input.component.ts | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/sharedComponents/input/input.component.ts b/sharedComponents/input/input.component.ts
index 9d63eead..c6d7af71 100644
--- a/sharedComponents/input/input.component.ts
+++ b/sharedComponents/input/input.component.ts
@@ -152,15 +152,13 @@ declare var UIkit;
             </ng-template>
             <ng-template [ngIf]="type === 'year-range' && yearRange && formAsGroup">
                 <div class="uk-width-2-5">
-                  <input #input class="input uk-text-truncate" [attr.placeholder]="yearRange.from.placeholder"
-                         (click)="activeIndex = 0;$event.preventDefault()"
-                         [formControl]="getFormByName(yearRange.from.control)">
+                  <input #input class="input uk-text-center uk-text-truncate" [attr.placeholder]="yearRange.from.placeholder"
+                         maxlength="4" (click)="activeIndex = 0;$event.preventDefault()" [formControl]="getFormByName(yearRange.from.control)">
                 </div>
                 <div class="uk-width-1-5 uk-text-center">-</div>
                 <div class="uk-width-2-5">
-                  <input #input class="input uk-text-truncate" [attr.placeholder]="yearRange.to.placeholder"
-                         (click)="activeIndex = 1;$event.preventDefault()"
-                         [formControl]="getFormByName(yearRange.to.control)">
+                  <input #input class="input uk-text-center uk-text-truncate" [attr.placeholder]="yearRange.to.placeholder"
+                         maxlength="4" (click)="activeIndex = 1;$event.preventDefault()" [formControl]="getFormByName(yearRange.to.control)">
                 </div>
             </ng-template>
             <div