From 84e44e04870c6608d3043283b89b40fd4c236df5 Mon Sep 17 00:00:00 2001
From: Daniel Searle <daniel.searle1@dvsa.gov.uk>
Date: Tue, 18 Jul 2023 16:08:15 +0100
Subject: [PATCH] feat(cb2-8712): added validation to time

---
 src/app/forms/components/date/date.component.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/forms/components/date/date.component.html b/src/app/forms/components/date/date.component.html
index 2a4127587..594a433b2 100644
--- a/src/app/forms/components/date/date.component.html
+++ b/src/app/forms/components/date/date.component.html
@@ -3,7 +3,7 @@
     <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">{{ label }}</legend>
     <div *ngIf="hint" id="{{ name }}-hint" class="govuk-hint">{{ hint }}</div>
     <app-field-error-message
-      *ngIf="dayEl.dirty && monthEl.dirty && yearEl.dirty && (yearEl.value ?? '').length > 3"
+      *ngIf="(dayEl.dirty && monthEl.dirty && yearEl.dirty && (yearEl.value ?? '').length > 3) || displayTime"
       [error]="error"
       [name]="name"
     ></app-field-error-message>
@@ -86,6 +86,11 @@
       </div>
 
       <ng-container *ngIf="displayTime">
+        <app-field-error-message
+          *ngIf="(dayEl.dirty && monthEl.dirty && yearEl.dirty && (yearEl.value ?? '').length > 3) || (displayTime && hourEl.dirty)"
+          [error]="error"
+          [name]="name"
+        ></app-field-error-message>
         <div class="govuk-date-input__item">
           <div class="govuk-form-group">
             <label class="govuk-label govuk-date-input__label" for="{{ name }}-hour"> Hour </label>