Show a calendar on the shopping list page (just for info purposes)

views/components/calendarcard.blade.php

@@ -0,0 +1,12 @@
+@push('componentScripts')
+	<script src="{{ $U('/viewjs/components/calendarcard.js', true) }}?v={{ $version }}"></script>
+@endpush
+
+<div class="card">
+	<div class="card-header">
+		<i class="fas fa-calendar"></i> {{ $L('Calendar') }}
+	</div>
+	<div class="card-body">
+		<div id="calendar" data-target-input="nearest"></div>
+	</div>
+</div>

views/shoppinglist.blade.php

@@ -27,7 +27,7 @@
 </div>
 
 <div class="row">
-	<div class="col">
+	<div class="col-xs-12 col-md-8 pb-3">
 		<table id="shoppinglist-table" class="table table-sm table-striped dt-responsive">
 			<thead>
 				<tr>
@@ -58,5 +58,9 @@
 			</tbody>
 		</table>
 	</div>
+
+	<div class="col-xs-12 col-md-4">
+		@include('components.calendarcard')
+	</div>
 </div>
 @stop