diff --git a/changelog/56_UNRELEASED_2020-xx-xx.md b/changelog/56_UNRELEASED_2020-xx-xx.md
index 2346bcb2..dfd9fe6c 100644
--- a/changelog/56_UNRELEASED_2020-xx-xx.md
+++ b/changelog/56_UNRELEASED_2020-xx-xx.md
@@ -14,3 +14,4 @@
 
 ### General & other improvements/fixes
 - Optimized the top navbar height to waste less space
+- Fixed that the "contextual time ago" of date/time pickers was not displayed
diff --git a/public/viewjs/components/datetimepicker.js b/public/viewjs/components/datetimepicker.js
index 62e27fd0..6a43566d 100644
--- a/public/viewjs/components/datetimepicker.js
+++ b/public/viewjs/components/datetimepicker.js
@@ -268,7 +268,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");
+	RefreshContextualTimeago("#datetimepicker-wrapper");
 });
 
 $('.datetimepicker').on('update.datetimepicker', function(e)
diff --git a/public/viewjs/components/datetimepicker2.js b/public/viewjs/components/datetimepicker2.js
index 03a89d07..24e4650b 100644
--- a/public/viewjs/components/datetimepicker2.js
+++ b/public/viewjs/components/datetimepicker2.js
@@ -268,7 +268,7 @@ Grocy.Components.DateTimePicker2.GetInputElement().on('input', function(e)
 {
 	$('#datetimepicker-timeago').attr("datetime", Grocy.Components.DateTimePicker2.GetValue());
 	EmptyElementWhenMatches('#datetimepicker-timeago', __t('timeago_nan'));
-	RefreshContextualTimeago(".datetimepicker2");
+	RefreshContextualTimeago("#datetimepicker2-wrapper");
 });
 
 $('.datetimepicker2').on('update.datetimepicker', function(e)
diff --git a/views/components/datetimepicker.blade.php b/views/components/datetimepicker.blade.php
index 5d6c0679..de2d227e 100644
--- a/views/components/datetimepicker.blade.php
+++ b/views/components/datetimepicker.blade.php
@@ -15,7 +15,7 @@
 @php if(empty($additionalAttributes)) { $additionalAttributes = ''; } @endphp
 @php if(empty($additionalGroupCssClasses)) { $additionalGroupCssClasses = ''; } @endphp
 
-<div class="form-group {{ $additionalGroupCssClasses }}">
+<div id="datetimepicker-wrapper" class="form-group {{ $additionalGroupCssClasses }}">
 	<label for="{{ $id }}">{{ $__t($label) }}
 		<span class="small text-muted">
 			@if(!empty($hint)){{ $__t($hint) }}@endif
diff --git a/views/components/datetimepicker2.blade.php b/views/components/datetimepicker2.blade.php
index 5a52e4f9..b887f9f3 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 class="form-group {{ $additionalGroupCssClasses }}">
+<div id="datetimepicker2-wrapper" class="form-group {{ $additionalGroupCssClasses }}">
 	<label for="{{ $id }}">{{ $__t($label) }}
 		<span class="small text-muted">
 			@if(!empty($hint)){{ $__t($hint) }}@endif