From 594e77ca41df62f4af4594df60f1c0068e60154c Mon Sep 17 00:00:00 2001
From: Bernd Bestel <bernd@berrnd.de>
Date: Sat, 14 Jul 2018 08:38:03 +0200
Subject: [PATCH] Only changed default width of datetimepicker for date-only
 inputs, as this does not work for side-by-side with time picker (references
 #14)

---
 public/css/grocy.css                      | 2 +-
 views/components/datetimepicker.blade.php | 4 ++--
 views/inventory.blade.php                 | 3 ++-
 views/purchase.blade.php                  | 3 ++-
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/public/css/grocy.css b/public/css/grocy.css
index b5c7f865..0678d94f 100644
--- a/public/css/grocy.css
+++ b/public/css/grocy.css
@@ -158,6 +158,6 @@ td {
 }
 
 /* Third party component customizations - Tempus Dominus */
-.bootstrap-datetimepicker-widget.dropdown-menu {
+.date-only-datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu {
 	width: auto !important;
 }
diff --git a/views/components/datetimepicker.blade.php b/views/components/datetimepicker.blade.php
index 5393791a..42db0019 100644
--- a/views/components/datetimepicker.blade.php
+++ b/views/components/datetimepicker.blade.php
@@ -3,8 +3,8 @@
 @endpush
 
 <div class="form-group">
-	<label for="{{ $id }}">{{ $L($label) }}&nbsp;&nbsp;<span class="small text-muted"><time id="datetimepicker-timeago" class="timeago timeago-contextual"></time>@if(!empty($hint))<br>{{ $L($hint) }}@endif</span></label>
-	<div class="input-group date datetimepicker" id="{{ $id }}" data-target-input="nearest">
+	<label for="{{ $id }}">{{ $L($label) }}  <span class="small text-muted"><time id="datetimepicker-timeago" class="timeago timeago-contextual"></time>@if(!empty($hint))<br>{{ $L($hint) }}@endif</span></label>
+	<div class="input-group date datetimepicker @if(!empty($additionalCssClasses)){{ $additionalCssClasses }}@endif" id="{{ $id }}" data-target-input="nearest">
 		<input type="text" required class="form-control datetimepicker-input"
 			data-target="#{{ $id }}" data-format="{{ $format }}"
 			data-init-with-now="{{ BoolToString($initWithNow) }}"
diff --git a/views/inventory.blade.php b/views/inventory.blade.php
index bddaabe4..d1f2f24d 100644
--- a/views/inventory.blade.php
+++ b/views/inventory.blade.php
@@ -39,7 +39,8 @@
 				'limitEndToNow' => false,
 				'limitStartToNow' => true,
 				'invalidFeedback' => $L('A best before date is required and must be later than today'),
-				'nextInputSelector' => '#best_before_date'
+				'nextInputSelector' => '#best_before_date',
+				'additionalCssClasses' => 'date-only-datetimepicker'
 			))
 
 			<button id="save-inventory-button" type="submit" class="btn btn-success">{{ $L('OK') }}</button>
diff --git a/views/purchase.blade.php b/views/purchase.blade.php
index 9d89a873..e28dc401 100644
--- a/views/purchase.blade.php
+++ b/views/purchase.blade.php
@@ -31,7 +31,8 @@
 				'limitEndToNow' => false,
 				'limitStartToNow' => true,
 				'invalidFeedback' => $L('A best before date is required and must be later than today'),
-				'nextInputSelector' => '#amount'
+				'nextInputSelector' => '#amount',
+				'additionalCssClasses' => 'date-only-datetimepicker'
 			))
 
 			<div class="form-group">