From 0419e59bee499d1e5c8bfd1fc4b46f2c3f881517 Mon Sep 17 00:00:00 2001
From: Karishma Vanwari <78212650+KarishmaVanwari@users.noreply.github.com>
Date: Tue, 21 Jun 2022 12:56:42 +0530
Subject: [PATCH] Date picker modal for /tag/__ pages (#11199)

* Fixes #11198: Added date picker modal

* Revert "Fixes #11198: Added date picker modal"

This reverts commit 60b3c800a67dc685a258c4910c2ac10b1fb81003.

* Fixes #11198: Added date picker modal
---
 app/views/tag/show/_sort.html.erb | 35 +++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/app/views/tag/show/_sort.html.erb b/app/views/tag/show/_sort.html.erb
index 0e9905867d..fa2c3d9db9 100644
--- a/app/views/tag/show/_sort.html.erb
+++ b/app/views/tag/show/_sort.html.erb
@@ -19,6 +19,41 @@
     <h6 class="dropdown-header">View date range</h6>
     <a class="dropdown-item" href="?start=<%= (@start || Time.now - 1.month).to_formatted_s(:long) %>&end=<%= (@end || Time.now).to_formatted_s(:long) %>" >past month</a>
     <a class="dropdown-item" href="?start=<%= (@start || Time.now - 1.year).to_formatted_s(:long) %>&end=<%= (@end || Time.now).to_formatted_s(:long) %>" >past year</a>
+    <a class="dropdown-item" data-toggle="modal" data-target="#dateModal" >custom</a>
   <% end %>
   </div>
 </div>
+
+<div class="modal" id="dateModal">
+  <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-content">
+
+      <!-- Modal Header -->
+      <div class="modal-header">
+        <h4 class="modal-title">Select Custom Range</h4>
+        <button type="button" class="close" data-dismiss="modal">&times;</button>
+      </div>
+
+      <!-- Modal body -->
+      <div class="modal-body">
+        <div class="row">
+          <div class="col-sm-6">
+          <label>From</label><br>
+          <input type="date" id="from">
+          </div>
+          <div class="col-sm-6">
+            <label>To</label><br>
+            <input type="date" id="to">
+          </div>
+        </div>
+      </div>
+
+      <!-- Modal footer -->
+      <div class="modal-footer">
+        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">Save changes</button>
+      </div>
+
+    </div>
+  </div>
+</div>
\ No newline at end of file