From f8fa5db3e7e004bf90a18457ede1ed8e2f2ad5a8 Mon Sep 17 00:00:00 2001
From: Bernd Bestel <bernd@berrnd.de>
Date: Thu, 24 Jun 2021 07:46:32 +0200
Subject: [PATCH] Fixed multiple datetimepicker contextual timeago (references
 #1520)

---
 public/viewjs/components/datetimepicker.js  | 2 +-
 public/viewjs/components/datetimepicker2.js | 2 +-
 views/components/datetimepicker.blade.php   | 2 +-
 views/components/datetimepicker2.blade.php  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

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))