move jquery-datetimepicker to npm/webpack (#10713)

- update to latest version and move to npm
- adapt for api changes and css class rename
- add specificity to arc-green rules as dependency css now loads later
- use imports-loader to make it load correctly
- fix some wrong paths in librejs

Co-authored-by: techknowlogick <techknowlogick@gitea.io>

package-lock.json

@@ -7470,6 +7470,24 @@
       "resolved": "https://registry.npmjs.org/import-regex/-/import-regex-1.1.0.tgz",
       "integrity": "sha1-pVxS5McFx2XKIQ6SQqBrvMiqf2Y="
     },
+    "imports-loader": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/imports-loader/-/imports-loader-0.8.0.tgz",
+      "integrity": "sha512-kXWL7Scp8KQ4552ZcdVTeaQCZSLW+e6nJfp3cwUMB673T7Hr98Xjx5JK+ql7ADlJUvj1JS5O01RLbKoutN5QDQ==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.0.2",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        }
+      }
+    },
     "imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -8122,11 +8140,26 @@
       "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.4.1.tgz",
       "integrity": "sha512-36+AdBzCL+y6qjw5Tx7HgzeGCzC81MDDgaUP8ld2zhx58HdqXGoBd+tHdrBMiyjGQs0Hxs/MLZTu/eHNJJuWPw=="
     },
+    "jquery-datetimepicker": {
+      "version": "2.5.21",
+      "resolved": "https://registry.npmjs.org/jquery-datetimepicker/-/jquery-datetimepicker-2.5.21.tgz",
+      "integrity": "sha512-wDTpZ4f1PWd1XGaIIE0n6jLynlm+akBJ7/NjaB1bk2UJSS593CHJPZ3+FNEXoyvNVUeBlBC0oX6WTfCyfUhX/w==",
+      "requires": {
+        "jquery": ">= 1.7.2",
+        "jquery-mousewheel": ">= 3.1.13",
+        "php-date-formatter": "^1.3.4"
+      }
+    },
     "jquery-migrate": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jquery-migrate/-/jquery-migrate-3.1.0.tgz",
       "integrity": "sha512-u/MtE1ST2pCr3rCyouJG2xMiw/k3OzLNeRKprjKTeHUezCGr0DyEgeXFdqFLmQfxfR5EsVu+mGo/sCcYdiYcIQ=="
     },
+    "jquery-mousewheel": {
+      "version": "3.1.13",
+      "resolved": "https://registry.npmjs.org/jquery-mousewheel/-/jquery-mousewheel-3.1.13.tgz",
+      "integrity": "sha1-BvAzXxbjU6aV5yBr9QUDy1I6buU="
+    },
     "jquery.are-you-sure": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/jquery.are-you-sure/-/jquery.are-you-sure-1.9.0.tgz",
@@ -10137,6 +10170,11 @@
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
       "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
     },
+    "php-date-formatter": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/php-date-formatter/-/php-date-formatter-1.3.4.tgz",
+      "integrity": "sha1-CaFa4HZroL6xkAwnwewxnvLkVj4="
+    },
     "picomatch": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.1.tgz",

package.json

@@ -11,6 +11,7 @@
     "fomantic-ui": "2.8.4",
     "highlight.js": "9.18.1",
     "jquery": "3.4.1",
+    "jquery-datetimepicker": "2.5.21",
     "jquery-migrate": "3.1.0",
     "jquery.are-you-sure": "1.9.0",
     "swagger-ui": "3.25.0",
@@ -33,6 +34,7 @@
     "eslint-config-airbnb-base": "14.1.0",
     "eslint-plugin-import": "2.20.1",
     "fast-glob": "3.2.2",
+    "imports-loader": "0.8.0",
     "less-loader": "5.0.0",
     "mini-css-extract-plugin": "0.9.0",
     "optimize-css-assets-webpack-plugin": "5.0.3",

public/vendor/librejs.html

@@ -11,7 +11,7 @@
       </thead>
       <tbody>
         <tr>
-          <td><a href="./js/index.js">jquery.are-you-sure.js</a></td>
+          <td><a href="../js/index.js">jquery.are-you-sure.js</a></td>
           <td><a href="http://www.freebsd.org/copyright/freebsd-license.html">Expat</a></td>
           <td><a href="https://github.com/codedance/jquery.AreYouSure/archive/1.9.0.tar.gz">jquery.areyousure-1.9.0.tar.gz</a></td>
         </tr>
@@ -61,19 +61,19 @@
           <td><a href="https://github.com/Ranks/emojify.js/archive/1.1.0.tar.gz">emojify-1.1.0.tar.gz</a></td>
         </tr>
         <tr>
-          <td><a href="./js/dropzone.js">dropzone.js</a></td>
+          <td><a href="../js/dropzone.js">dropzone.js</a></td>
           <td><a href="https://github.com/enyo/dropzone/blob/master/LICENSE">MIT</a></td>
           <td><a href="https://github.com/enyo/dropzone/archive/master.tar.gz">dropzone-master.tar.gz</a></td>
         </tr>
         <tr>
-          <td><a href="./highlight.js">highlight.js</a></td>
+          <td><a href="../js/highlight.js">highlight.js</a></td>
           <td><a href="https://github.com/highlightjs/highlight.js/blob/master/LICENSE">BSD 3-Clause</a></td>
           <td><a href="https://github.com/highlightjs/highlight.js/archive/9.18.0.tar.gz">highlight.js.tar.gz</a></td>
         </tr>
         <tr>
-          <td><a href="./plugins/jquery.datetimepicker/jquery.datetimepicker.js">jquery.datetimepicker.js</a></td>
-          <td><a href="https://github.com/xdan/datetimepicker/blob/master/MIT-LICENSE.txt">Expat</a></td>
-          <td><a href="https://github.com/xdan/datetimepicker/archive/2.4.5.tar.gz">jquery.datetimepicker-2.4.5.tar.gz</a></td>
+          <td><a href="../js/datetimepicker.js">jQuery DateTimePicker</a></td>
+          <td><a href="https://github.com/xdan/datetimepicker/blob/master/MIT-LICENSE.txt">MIT</a></td>
+          <td><a href="https://github.com/xdan/datetimepicker/archive/master.zip">jquery.datetimepicker.tar.gz</a></td>
         </tr>
         <tr>
           <td><a href="./plugins/jquery.minicolors/jquery.minicolors.min.js">jquery.minicolors.min.js</a></td>

public/vendor/plugins/jquery.datetimepicker/LICENSE

@@ -1,19 +0,0 @@
-Copyright (c) 2013 http://xdsoft.net
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

public/vendor/plugins/jquery.datetimepicker/jquery.datetimepicker.css

@@ -1,545 +0,0 @@
-.xdsoft_datetimepicker {
-	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
-	background: #fff;
-	border-bottom: 1px solid #bbb;
-	border-left: 1px solid #ccc;
-	border-right: 1px solid #ccc;
-	border-top: 1px solid #ccc;
-	color: #333;
-	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-	padding: 8px;
-	padding-left: 0;
-	padding-top: 2px;
-	position: absolute;
-	z-index: 9999;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-	display: none;
-}
-
-.xdsoft_datetimepicker iframe {
-	position: absolute;
-	left: 0;
-	top: 0;
-	width: 75px;
-	height: 210px;
-	background: transparent;
-	border: none;
-}
-
-/*For IE8 or lower*/
-.xdsoft_datetimepicker button {
-	border: none !important;
-}
-
-.xdsoft_noselect {
-	-webkit-touch-callout: none;
-	-webkit-user-select: none;
-	-khtml-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	-o-user-select: none;
-	user-select: none;
-}
-
-.xdsoft_noselect::selection { background: transparent }
-.xdsoft_noselect::-moz-selection { background: transparent }
-
-.xdsoft_datetimepicker.xdsoft_inline {
-	display: inline-block;
-	position: static;
-	box-shadow: none;
-}
-
-.xdsoft_datetimepicker * {
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}
-
-.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
-	display: none;
-}
-
-.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
-	display: block;
-}
-
-.xdsoft_datetimepicker .xdsoft_datepicker {
-	width: 224px;
-	float: left;
-	margin-left: 8px;
-}
-
-.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
-	width: 256px;
-}
-
-.xdsoft_datetimepicker .xdsoft_timepicker {
-	width: 58px;
-	float: left;
-	text-align: center;
-	margin-left: 8px;
-	margin-top: 0;
-}
-
-.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
-	margin-top: 8px;
-	margin-bottom: 3px
-}
-
-.xdsoft_datetimepicker .xdsoft_mounthpicker {
-	position: relative;
-	text-align: center;
-}
-
-.xdsoft_datetimepicker .xdsoft_label i,
-.xdsoft_datetimepicker .xdsoft_prev,
-.xdsoft_datetimepicker .xdsoft_next,
-.xdsoft_datetimepicker .xdsoft_today_button {
-	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
-}
-
-.xdsoft_datetimepicker .xdsoft_label i {
-	opacity: 0.5;
-	background-position: -92px -19px;
-	display: inline-block;
-	width: 9px;
-	height: 20px;
-	vertical-align: middle;
-}
-
-.xdsoft_datetimepicker .xdsoft_prev {
-	float: left;
-	background-position: -20px 0;
-}
-.xdsoft_datetimepicker .xdsoft_today_button {
-	float: left;
-	background-position: -70px 0;
-	margin-left: 5px;
-}
-
-.xdsoft_datetimepicker .xdsoft_next {
-	float: right;
-	background-position: 0 0;
-}
-
-.xdsoft_datetimepicker .xdsoft_next,
-.xdsoft_datetimepicker .xdsoft_prev ,
-.xdsoft_datetimepicker .xdsoft_today_button {
-	background-color: transparent;
-	background-repeat: no-repeat;
-	border: 0 none;
-	cursor: pointer;
-	display: block;
-	height: 30px;
-	opacity: 0.5;
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-	outline: medium none;
-	overflow: hidden;
-	padding: 0;
-	position: relative;
-	text-indent: 100%;
-	white-space: nowrap;
-	width: 20px;
-	min-width: 0;
-}
-
-.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
-.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
-	float: none;
-	background-position: -40px -15px;
-	height: 15px;
-	width: 30px;
-	display: block;
-	margin-left: 14px;
-	margin-top: 7px;
-}
-
-.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
-	background-position: -40px 0;
-	margin-bottom: 7px;
-	margin-top: 0;
-}
-
-.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
-	height: 151px;
-	overflow: hidden;
-	border-bottom: 1px solid #ddd;
-}
-
-.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
-	background: #f5f5f5;
-	border-top: 1px solid #ddd;
-	color: #666;
-	font-size: 12px;
-	text-align: center;
-	border-collapse: collapse;
-	cursor: pointer;
-	border-bottom-width: 0;
-	height: 25px;
-	line-height: 25px;
-}
-
-.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
-	border-top-width: 0;
-}
-
-.xdsoft_datetimepicker .xdsoft_today_button:hover,
-.xdsoft_datetimepicker .xdsoft_next:hover,
-.xdsoft_datetimepicker .xdsoft_prev:hover {
-	opacity: 1;
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-}
-
-.xdsoft_datetimepicker .xdsoft_label {
-	display: inline;
-	position: relative;
-	z-index: 9999;
-	margin: 0;
-	padding: 5px 3px;
-	font-size: 14px;
-	line-height: 20px;
-	font-weight: bold;
-	background-color: #fff;
-	float: left;
-	width: 182px;
-	text-align: center;
-	cursor: pointer;
-}
-
-.xdsoft_datetimepicker .xdsoft_label:hover>span {
-	text-decoration: underline;
-}
-
-.xdsoft_datetimepicker .xdsoft_label:hover i {
-	opacity: 1.0;
-}
-
-.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
-	border: 1px solid #ccc;
-	position: absolute;
-	right: 0;
-	top: 30px;
-	z-index: 101;
-	display: none;
-	background: #fff;
-	max-height: 160px;
-	overflow-y: hidden;
-}
-
-.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
-.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
-.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
-	color: #fff;
-	background: #ff8000;
-}
-
-.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
-	padding: 2px 10px 2px 5px;
-	text-decoration: none !important;
-}
-
-.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
-	background: #33aaff;
-	box-shadow: #178fe5 0 1px 3px 0 inset;
-	color: #fff;
-	font-weight: 700;
-}
-
-.xdsoft_datetimepicker .xdsoft_month {
-	width: 100px;
-	text-align: right;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar {
-	clear: both;
-}
-
-.xdsoft_datetimepicker .xdsoft_year{
-	width: 48px;
-	margin-left: 5px;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar table {
-	border-collapse: collapse;
-	width: 100%;
-
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar td > div {
-	padding-right: 5px;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar th {
-	height: 25px;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
-	width: 14.2857142%;
-	background: #f5f5f5;
-	border: 1px solid #ddd;
-	color: #666;
-	font-size: 12px;
-	text-align: right;
-	vertical-align: middle;
-	padding: 0;
-	border-collapse: collapse;
-	cursor: pointer;
-	height: 25px;
-}
-.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
-	width: 12.5%;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar th {
-	background: #f1f1f1;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
-	color: #33aaff;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
-	background: #ffe9d2;
-	box-shadow: #ffb871 0 1px 4px 0 inset;
-	color: #000;
-}
-.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
-	background: #c1ffc9;
-	box-shadow: #00dd1c 0 1px 4px 0 inset;
-	color: #000;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
-.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
-.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
-	background: #33aaff;
-	box-shadow: #178fe5 0 1px 3px 0 inset;
-	color: #fff;
-	font-weight: 700;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
-.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
-.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
-	opacity: 0.5;
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-	cursor: default;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
-	opacity: 0.2;
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar td:hover,
-.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
-	color: #fff !important;
-	background: #ff8000 !important;
-	box-shadow: none !important;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
-.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
-	background: #33aaff !important;
-	box-shadow: #178fe5 0 1px 3px 0 inset !important;
-	color: #fff !important;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
-.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
-	color: inherit	!important;
-	background: inherit !important;
-	box-shadow: inherit !important;
-}
-
-.xdsoft_datetimepicker .xdsoft_calendar th {
-	font-weight: 700;
-	text-align: center;
-	color: #999;
-	cursor: default;
-}
-
-.xdsoft_datetimepicker .xdsoft_copyright {
-	color: #ccc !important;
-	font-size: 10px;
-	clear: both;
-	float: none;
-	margin-left: 8px;
-}
-
-.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
-.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
-
-.xdsoft_time_box {
-	position: relative;
-	border: 1px solid #ccc;
-}
-.xdsoft_scrollbar >.xdsoft_scroller {
-	background: #ccc !important;
-	height: 20px;
-	border-radius: 3px;
-}
-.xdsoft_scrollbar {
-	position: absolute;
-	width: 7px;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	cursor: pointer;
-}
-.xdsoft_scroller_box {
-	position: relative;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark {
-	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
-	background: #000;
-	border-bottom: 1px solid #444;
-	border-left: 1px solid #333;
-	border-right: 1px solid #333;
-	border-top: 1px solid #333;
-	color: #ccc;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
-	border-bottom: 1px solid #222;
-}
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
-	background: #0a0a0a;
-	border-top: 1px solid #222;
-	color: #999;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
-	background-color: #000;
-}
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
-	border: 1px solid #333;
-	background: #000;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
-	color: #000;
-	background: #007fff;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
-	background: #cc5500;
-	box-shadow: #b03e00 0 1px 3px 0 inset;
-	color: #000;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
-	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
-	background: #0a0a0a;
-	border: 1px solid #222;
-	color: #999;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
-	background: #0e0e0e;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
-	color: #cc5500;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
-	background: #ffe9d2;
-	box-shadow: #ffb871 0 1px 4px 0 inset;
-	color:#000;
-}
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
-	background: #c1ffc9;
-	box-shadow: #00dd1c 0 1px 4px 0 inset;
-	color:#000;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
-	background: #cc5500;
-	box-shadow: #b03e00 0 1px 3px 0 inset;
-	color: #000;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
-	color: #000 !important;
-	background: #007fff !important;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
-	color: #666;
-}
-
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
-.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
-
-.xdsoft_dark .xdsoft_time_box {
-	border: 1px solid #333;
-}
-
-.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
-	background: #333 !important;
-}
-.xdsoft_datetimepicker .xdsoft_save_selected {
-    display: block;
-    border: 1px solid #dddddd !important;
-    margin-top: 5px;
-    width: 100%;
-    color: #454551;
-    font-size: 13px;
-}
-.xdsoft_datetimepicker .blue-gradient-button {
-	font-family: "museo-sans", "Book Antiqua", sans-serif;
-	font-size: 12px;
-	font-weight: 300;
-	color: #82878c;
-	height: 28px;
-	position: relative;
-	padding: 4px 17px 4px 33px;
-	border: 1px solid #d7d8da;
-	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
-	/* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
-	/* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
-	/* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
-	/* Opera 11.10+ */
-	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
-	/* IE10+ */
-	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
-	/* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
-/* IE6-9 */
-}
-.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
-  color: #454551;
-  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
-  /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
-  /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
-  /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
-  /* Opera 11.10+ */
-  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
-  /* IE10+ */
-  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
-  /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
-  /* IE6-9 */
-}

routers/repo/milestone.go

@@ -88,7 +88,6 @@ func NewMilestone(ctx *context.Context) {
 	ctx.Data["Title"] = ctx.Tr("repo.milestones.new")
 	ctx.Data["PageIsIssueList"] = true
 	ctx.Data["PageIsMilestones"] = true
-	ctx.Data["RequireDatetimepicker"] = true
 	ctx.Data["DateLang"] = setting.DateLang(ctx.Locale.Language())
 	ctx.HTML(200, tplMilestoneNew)
 }
@@ -98,7 +97,6 @@ func NewMilestonePost(ctx *context.Context, form auth.CreateMilestoneForm) {
 	ctx.Data["Title"] = ctx.Tr("repo.milestones.new")
 	ctx.Data["PageIsIssueList"] = true
 	ctx.Data["PageIsMilestones"] = true
-	ctx.Data["RequireDatetimepicker"] = true
 	ctx.Data["DateLang"] = setting.DateLang(ctx.Locale.Language())
 
 	if ctx.HasError() {
@@ -136,7 +134,6 @@ func EditMilestone(ctx *context.Context) {
 	ctx.Data["Title"] = ctx.Tr("repo.milestones.edit")
 	ctx.Data["PageIsMilestones"] = true
 	ctx.Data["PageIsEditMilestone"] = true
-	ctx.Data["RequireDatetimepicker"] = true
 	ctx.Data["DateLang"] = setting.DateLang(ctx.Locale.Language())
 
 	m, err := models.GetMilestoneByRepoID(ctx.Repo.Repository.ID, ctx.ParamsInt64(":id"))
@@ -161,7 +158,6 @@ func EditMilestonePost(ctx *context.Context, form auth.CreateMilestoneForm) {
 	ctx.Data["Title"] = ctx.Tr("repo.milestones.edit")
 	ctx.Data["PageIsMilestones"] = true
 	ctx.Data["PageIsEditMilestone"] = true
-	ctx.Data["RequireDatetimepicker"] = true
 	ctx.Data["DateLang"] = setting.DateLang(ctx.Locale.Language())
 
 	if ctx.HasError() {

templates/base/footer.tmpl

@@ -26,9 +26,6 @@
 {{if .RequireMinicolors}}
 	<script src="{{StaticUrlPrefix}}/vendor/plugins/jquery.minicolors/jquery.minicolors.min.js"></script>
 {{end}}
-{{if .RequireDatetimepicker}}
-	<script src="{{StaticUrlPrefix}}/vendor/plugins/jquery.datetimepicker/jquery.datetimepicker.js"></script>
-{{end}}
 {{if .RequireU2F}}
 	<script src="{{StaticUrlPrefix}}/vendor/plugins/u2f/index.js"></script>
 {{end}}

templates/base/head.tmpl

@@ -87,7 +87,6 @@
 			AppSubUrl: '{{AppSubUrl}}',
 			StaticUrlPrefix: '{{StaticUrlPrefix}}',
 			csrf: '{{.CsrfToken}}',
-			Datetimepicker: {{if .RequireDatetimepicker}}true{{else}}false{{end}},
 			HighlightJS: {{if .RequireHighlightJS}}true{{else}}false{{end}},
 			Minicolors: {{if .RequireMinicolors}}true{{else}}false{{end}},
 			SimpleMDE: {{if .RequireSimpleMDE}}true{{else}}false{{end}},
@@ -120,9 +119,6 @@
 	</noscript>
 {{if .RequireMinicolors}}
 	<link rel="stylesheet" href="{{StaticUrlPrefix}}/vendor/plugins/jquery.minicolors/jquery.minicolors.css">
-{{end}}
-{{if .RequireDatetimepicker}}
-	<link rel="stylesheet" href="{{StaticUrlPrefix}}/vendor/plugins/jquery.datetimepicker/jquery.datetimepicker.css">
 {{end}}
 	<style class="list-search-style"></style>
 {{if .PageIsUserProfile}}

templates/pwa/serviceworker_js.tmpl

@@ -10,10 +10,10 @@ var urlsToCache = [
   '{{StaticUrlPrefix}}/js/swagger.js?v={{MD5 AppVer}}',
   '{{StaticUrlPrefix}}/js/userheatmap.js',
   '{{StaticUrlPrefix}}/js/dropzone.js',
+  '{{StaticUrlPrefix}}/js/datetimepicker.js',
   '{{StaticUrlPrefix}}/vendor/plugins/codemirror/addon/mode/loadmode.js',
   '{{StaticUrlPrefix}}/vendor/plugins/codemirror/mode/meta.js',
   '{{StaticUrlPrefix}}/vendor/plugins/emojify/emojify.custom.js',
-  '{{StaticUrlPrefix}}/vendor/plugins/jquery.datetimepicker/jquery.datetimepicker.js',
   '{{StaticUrlPrefix}}/vendor/plugins/jquery.minicolors/jquery.minicolors.min.js',
   '{{StaticUrlPrefix}}/vendor/plugins/simplemde/simplemde.min.js',
 
@@ -22,9 +22,9 @@ var urlsToCache = [
   '{{StaticUrlPrefix}}/css/swagger.css?v={{MD5 AppVer}}',
   '{{StaticUrlPrefix}}/css/userheatmap.css',
   '{{StaticUrlPrefix}}/css/dropzone.css',
+  '{{StaticUrlPrefix}}/css/datetimepicker.css',
   '{{StaticUrlPrefix}}/fomantic/semantic.min.css?v={{MD5 AppVer}}',
   '{{StaticUrlPrefix}}/vendor/assets/font-awesome/css/font-awesome.min.css',
-  '{{StaticUrlPrefix}}/vendor/plugins/jquery.datetimepicker/jquery.datetimepicker.css',
   '{{StaticUrlPrefix}}/vendor/plugins/jquery.minicolors/jquery.minicolors.css',
   '{{StaticUrlPrefix}}/vendor/plugins/simplemde/simplemde.min.css',
   '{{StaticUrlPrefix}}/vendor/plugins/tribute/tribute.css',

web_src/js/features/datetimepicker.js

@@ -0,0 +1,8 @@
+export default async function initDateTimePicker(locale) {
+  await Promise.all([
+    import(/* webpackChunkName: "datetimepicker" */'jquery-datetimepicker'),
+    import(/* webpackChunkName: "datetimepicker" */'jquery-datetimepicker/build/jquery.datetimepicker.min.css'),
+  ]);
+
+  $.datetimepicker.setLocale(locale);
+}

web_src/js/index.js

@@ -15,6 +15,7 @@ import initHighlight from './features/highlight.js';
 import initGitGraph from './features/gitgraph.js';
 import initClipboard from './features/clipboard.js';
 import initUserHeatmap from './features/userheatmap.js';
+import initDateTimePicker from './features/datetimepicker.js';
 import createDropzone from './features/dropzone.js';
 import ActivityTopAuthors from './components/ActivityTopAuthors.vue';
 
@@ -633,7 +634,7 @@ function initIssueComments() {
   });
 }
 
-function initRepository() {
+async function initRepository() {
   if ($('.repository').length === 0) {
     return;
   }
@@ -731,15 +732,16 @@ function initRepository() {
   // Milestones
   if ($('.repository.new.milestone').length > 0) {
     const $datepicker = $('.milestone.datepicker');
+
+    await initDateTimePicker($datepicker.data('lang'));
+
     $datepicker.datetimepicker({
-      lang: $datepicker.data('lang'),
       inline: true,
       timepicker: false,
       startDate: $datepicker.data('start-date'),
-      formatDate: 'Y-m-d',
-      onSelectDate(ct) {
-        $('#deadline').val(ct.dateFormat('Y-m-d'));
-      }
+      onSelectDate(date) {
+        $('#deadline').val(date.toISOString().substring(0, 10));
+      },
     });
     $('#clear-date').click(() => {
       $('#deadline').val('');

web_src/less/themes/theme-arc-green.less

@@ -1345,12 +1345,12 @@ a.ui.labels .label:hover {
     }
 }
 
-.xdsoft_datetimepicker {
+body .xdsoft_datetimepicker {
     background: #2a2e39;
     border: 1px solid #4c505c;
     color: #9e9e9e;
 
-    .xdsoft_mounthpicker {
+    .xdsoft_monthpicker {
         height: 36px;
         background: #464c5d;
         margin: -2px -8px 2px;
@@ -1416,7 +1416,6 @@ a.ui.labels .label:hover {
             background: #a0cc75;
             color: #000000;
         }
-
     }
 }
 

webpack.config.js

@@ -85,6 +85,10 @@ module.exports = {
         exclude: /node_modules/,
         loader: 'vue-loader',
       },
+      {
+        test: require.resolve('jquery-datetimepicker'),
+        use: 'imports-loader?define=>false,exports=>false',
+      },
       {
         test: /\.js$/,
         exclude: /node_modules/,