From 6de5d0bce8ebe2a38ad8e2af53681840215bd1a2 Mon Sep 17 00:00:00 2001
From: rockstardev <rockstardev@users.noreply.github.com>
Date: Sat, 11 May 2019 17:13:16 -0500
Subject: [PATCH] Unifying datetime styles across admin

---
 BTCPayServer/Views/Apps/UpdateCrowdfund.cshtml | 8 +++-----
 BTCPayServer/wwwroot/main/site.js              | 9 ++++++---
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/BTCPayServer/Views/Apps/UpdateCrowdfund.cshtml b/BTCPayServer/Views/Apps/UpdateCrowdfund.cshtml
index 4eaf3efc7..edb4b36f8 100644
--- a/BTCPayServer/Views/Apps/UpdateCrowdfund.cshtml
+++ b/BTCPayServer/Views/Apps/UpdateCrowdfund.cshtml
@@ -67,12 +67,11 @@
                     </div>
                     <div class="form-group">
                         <label asp-for="StartDate" class="control-label"></label>
-                        <div class="input-group ">
-                            <input asp-for="StartDate"
+                        <div class="input-group">
+                            <input type="datetime-local" asp-for="StartDate"
                                    value="@(Model.StartDate?.ToString("u", CultureInfo.InvariantCulture))"
                                    class="form-control flatdtpicker" placeholder="No start date has been set for this crowdfund" />
                             <div class="input-group-append">
-
                                 <button class="btn btn-secondary input-group-clear" type="button" title="Clear">
                                     <span class=" fa fa-times"></span>
                                 </button>
@@ -95,13 +94,12 @@
                     </div>
                     <div class="form-group">
                         <label asp-for="EndDate" class="control-label"></label>
-                        <div class="input-group ">
+                        <div class="input-group">
                             <input type="datetime-local" asp-for="EndDate"
                                    value="@(Model.EndDate?.ToString("u", CultureInfo.InvariantCulture))"
                                    class="form-control flatdtpicker"
                                    placeholder="No end date has been set for this crowdfund" />
                             <div class="input-group-append">
-
                                 <button class="btn btn-secondary input-group-clear" type="button" title="Clear">
                                     <span class=" fa fa-times"></span>
                                 </button>
diff --git a/BTCPayServer/wwwroot/main/site.js b/BTCPayServer/wwwroot/main/site.js
index 0c691d134..fe0665294 100644
--- a/BTCPayServer/wwwroot/main/site.js
+++ b/BTCPayServer/wwwroot/main/site.js
@@ -7,6 +7,7 @@
         $(this).text(dateString);
     });
 
+    // intializing date time pickers throughts website
     $(".flatdtpicker").each(function () {
         var element = $(this);
         var min = element.attr("min");
@@ -14,13 +15,15 @@
         var defaultDate = element.attr("value");
         element.flatpickr({
             enableTime: true,
+            enableSeconds: true,
+            dateFormat: 'Z',
+            altInput: true,
+            altFormat: 'Y-m-d H:i:S',
             minDate: min,
             maxDate: max,
             defaultDate: defaultDate,
-            dateFormat: 'Z',
-            altInput: true,
-            altFormat: 'J F Y H:i',
             time_24hr: true,
+            defaultHour: 0,
             parseDate: function (date) {
                 return moment(date).toDate();
             }