diff --git a/public/viewjs/components/datetimepicker.js b/public/viewjs/components/datetimepicker.js
index 47800375..4acb74f8 100644
--- a/public/viewjs/components/datetimepicker.js
+++ b/public/viewjs/components/datetimepicker.js
@@ -271,7 +271,7 @@ Grocy.Components.DateTimePicker.GetInputElement().on('input', function(e)
 {
 	$('#datetimepicker-timeago').attr("datetime", Grocy.Components.DateTimePicker.GetValue());
 	EmptyElementWhenMatches('#datetimepicker-timeago', __t('timeago_nan'));
-	RefreshContextualTimeago("#datetimepicker-wrapper");
+	RefreshContextualTimeago(".datetimepicker-wrapper");
 });
 
 $('.datetimepicker').on('update.datetimepicker', function(e)
diff --git a/public/viewjs/components/datetimepicker2.js b/public/viewjs/components/datetimepicker2.js
index 3f2d8a75..5995fc48 100644
--- a/public/viewjs/components/datetimepicker2.js
+++ b/public/viewjs/components/datetimepicker2.js
@@ -271,7 +271,7 @@ Grocy.Components.DateTimePicker2.GetInputElement().on('input', function(e)
 {
 	$('#datetimepicker2-timeago').attr("datetime", Grocy.Components.DateTimePicker2.GetValue());
 	EmptyElementWhenMatches('#datetimepicker2-timeago', __t('timeago_nan'));
-	RefreshContextualTimeago("#datetimepicker2-wrapper");
+	RefreshContextualTimeago(".datetimepicker2-wrapper");
 });
 
 $('.datetimepicker2').on('update.datetimepicker', function(e)
diff --git a/views/components/datetimepicker.blade.php b/views/components/datetimepicker.blade.php
index fc451153..ff37a2e5 100644
--- a/views/components/datetimepicker.blade.php
+++ b/views/components/datetimepicker.blade.php
@@ -16,7 +16,7 @@
 @php if(empty($additionalGroupCssClasses)) { $additionalGroupCssClasses = ''; } @endphp
 @php if(empty($activateNumberPad)) { $activateNumberPad = false; } @endphp
 
-<div id="datetimepicker-wrapper"
+<div class="datetimepicker-wrapper"
 	class="form-group {{ $additionalGroupCssClasses }}">
 	<label for="{{ $id }}">{{ $__t($label) }}
 		@if(!empty($hint))
diff --git a/views/components/datetimepicker2.blade.php b/views/components/datetimepicker2.blade.php
index e5ada8c7..171d7eed 100644
--- a/views/components/datetimepicker2.blade.php
+++ b/views/components/datetimepicker2.blade.php
@@ -15,7 +15,7 @@
 @php if(empty($additionalAttributes)) { $additionalAttributes = ''; } @endphp
 @php if(empty($additionalGroupCssClasses)) { $additionalGroupCssClasses = ''; } @endphp
 
-<div id="datetimepicker2-wrapper"
+<div class="datetimepicker2-wrapper"
 	class="form-group {{ $additionalGroupCssClasses }}">
 	<label for="{{ $id }}">{{ $__t($label) }}
 		@if(!empty($hint))