From 4d1c4bf7abc8ad78176b2dd7f18a0a19c2139c7c Mon Sep 17 00:00:00 2001 From: Harald Bamberger Date: Mon, 28 Jul 2025 15:04:15 +0200 Subject: [PATCH] add css rules to show vue-datepicker svg icons inside of elements with bootstrap input-group or primevue p-component css class --- public/css/components/vue-datepicker.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/public/css/components/vue-datepicker.css b/public/css/components/vue-datepicker.css index c2551b9d8..efca42f4f 100644 --- a/public/css/components/vue-datepicker.css +++ b/public/css/components/vue-datepicker.css @@ -43,4 +43,12 @@ --dp-border-color-hover: var(--bs-success); } .form-control.is-invalid ~ .dp__clear_icon, -.was-validated .form-control:invalid ~ .dp__clear_icon { margin-right: calc(1.5em + .75rem - 12px) } +.was-validated .form-control:invalid ~ .dp__clear_icon { + margin-right: calc(1.5em + .75rem - 12px); +} +.p-component .dp__input_icons { + box-sizing: content-box !important; +} +.input-group .dp__input_icons { + z-index: 3; +} \ No newline at end of file