From 06c2d2245254505074701a9c5d585d73c0f033e3 Mon Sep 17 00:00:00 2001 From: Dave Roberts Date: Thu, 4 Jun 2026 16:34:23 +0100 Subject: [PATCH 1/3] Add asterisk in CSS --- .../components/form-group/date-range/_date-range.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/frontend/components/form-group/date-range/_date-range.scss b/src/frontend/components/form-group/date-range/_date-range.scss index b8f9c3c98..66f752c1e 100644 --- a/src/frontend/components/form-group/date-range/_date-range.scss +++ b/src/frontend/components/form-group/date-range/_date-range.scss @@ -1,3 +1,13 @@ +div[data-column-type="daterange"] { + &:has(input[required]) { + legend { + &::after { + content: "*"; + } + } + } +} + .input-daterange { .input .form-control { margin-top: 0; From 847414239a31972994eb8f269b4eadcf3e3d94d2 Mon Sep 17 00:00:00 2001 From: Dave Roberts Date: Tue, 30 Jun 2026 13:58:59 +0100 Subject: [PATCH 2/3] Remove extra asterisk --- views/fields/daterange.tt | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/views/fields/daterange.tt b/views/fields/daterange.tt index ec53f65f7..4bcba8b0e 100644 --- a/views/fields/daterange.tt +++ b/views/fields/daterange.tt @@ -7,7 +7,7 @@
[% END %]
- [% INCLUDE fields/sub/label_fieldset.tt; %] + [% IF label; INCLUDE fields/sub/label_fieldset.tt; END; %]
[% INCLUDE fields/input.tt From 326c5a5a3ceb267e68401822f356aa1afc9a8226 Mon Sep 17 00:00:00 2001 From: Dave Roberts Date: Tue, 11 Aug 2026 09:25:46 +0100 Subject: [PATCH 3/3] Add danger color to invalid date-range label --- .../components/form-group/date-range/_date-range.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/frontend/components/form-group/date-range/_date-range.scss b/src/frontend/components/form-group/date-range/_date-range.scss index 66f752c1e..321fdf8e6 100644 --- a/src/frontend/components/form-group/date-range/_date-range.scss +++ b/src/frontend/components/form-group/date-range/_date-range.scss @@ -6,6 +6,13 @@ div[data-column-type="daterange"] { } } } + &:has(div.invalid) { + legend { + & { + color: $danger; + } + } + } } .input-daterange {