From 6fb0f250e69d6e9ab83936c931c2097c74298d74 Mon Sep 17 00:00:00 2001
From: brendanbond <brendanbond@users.noreply.github.com>
Date: Thu, 11 Sep 2025 14:26:32 +0000
Subject: [PATCH] =?UTF-8?q?$'syncing=20commit=20from=20monorepo.=20PR:=203?=
 =?UTF-8?q?98,=20Title:=20FIO-10500=20Fixed=20DateTime=20suffixes=20announ?=
 =?UTF-8?q?ced=20as=20clickable=20in=20readonly=20=E2=80=A6'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/templates/bootstrap4/input/form.ejs | 7 ++++++-
 src/templates/bootstrap5/input/form.ejs | 9 +++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/templates/bootstrap4/input/form.ejs b/src/templates/bootstrap4/input/form.ejs
index 266ca6694..256b5e6f4 100644
--- a/src/templates/bootstrap4/input/form.ejs
+++ b/src/templates/bootstrap4/input/form.ejs
@@ -34,7 +34,12 @@
 <span aria-live="assertive" id="{{ctx.instance.id}}-liveRegion" class="sr-only" ref="liveRegion"></span>
 {% } %}
 {% if (ctx.suffix) { %}
-  <div class="input-group-append" ref="suffix">
+  <div class="input-group-append"
+    ref="suffix"
+    {% if (ctx.readOnly) { %}
+    role="presentation"
+    {% } %}
+    >
     <span class="input-group-text">
       {% if(ctx.suffix instanceof HTMLElement){ %}
         {{ ctx.t(ctx.suffix.outerHTML, { _userInput: true }) }}
diff --git a/src/templates/bootstrap5/input/form.ejs b/src/templates/bootstrap5/input/form.ejs
index 599d2af54..15e03ef9b 100644
--- a/src/templates/bootstrap5/input/form.ejs
+++ b/src/templates/bootstrap5/input/form.ejs
@@ -41,7 +41,12 @@
 <span aria-live="assertive" id="{{ctx.instance.id}}-liveRegion" class="visually-hidden" ref="liveRegion"></span>
 {% } %}
 {% if (ctx.suffix) { %}
-  <div class="input-group-text" ref="suffix">
+  <div class="input-group-text" 
+    ref="suffix"
+    {% if (ctx.readOnly) { %}
+    role="presentation"
+    {% } %}
+    >
     {% if(ctx.suffix instanceof HTMLElement){ %}
       {{ ctx.t(ctx.suffix.outerHTML, { _userInput: true }) }}
     {% } else{ %}
@@ -53,7 +58,7 @@
   </div>
 {% } %}
 {% if (ctx.component.showCharCount || ctx.component.showWordCount) { %}
-<div class="form-text {{ctx.component.description ? float-end : text-end">
+<div class="form-text {{ctx.component.description ? 'float-end' : 'text-end'}}">
   {% if (ctx.component.showCharCount) { %}
   <span class="text-muted" ref="charcount" aria-live="polite"></span>
   {% } %}