datatables.net-datetime 1.0.1 → 1.1.2

package/dist/dateTime.css

@@ -1,168 +0,0 @@
-div.dt-datetime {
-  position: absolute;
-  background-color: white;
-  z-index: 2050;
-  border: 1px solid #ccc;
-  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
-  padding: 0 20px 6px 20px;
-  width: 275px; }
-  div.dt-datetime.inline {
-    position: relative;
-    box-shadow: none; }
-  div.dt-datetime div.dt-datetime-title {
-    text-align: center;
-    padding: 5px 0px 3px; }
-  div.dt-datetime table {
-    border-spacing: 0;
-    margin: 12px 0;
-    width: 100%; }
-    div.dt-datetime table.dt-datetime-table-nospace {
-      margin-top: -12px; }
-    div.dt-datetime table th {
-      font-size: 0.8em;
-      color: #777;
-      font-weight: normal;
-      width: 14.285714286%;
-      padding: 0 0 4px 0;
-      text-align: center; }
-    div.dt-datetime table td {
-      font-size: 0.9em;
-      color: #444;
-      padding: 0; }
-    div.dt-datetime table td.selectable {
-      text-align: center;
-      background: #f5f5f5; }
-      div.dt-datetime table td.selectable.disabled {
-        color: #aaa;
-        background: white; }
-        div.dt-datetime table td.selectable.disabled button:hover {
-          color: #aaa;
-          background: white; }
-      div.dt-datetime table td.selectable.now {
-        background-color: #ddd; }
-        div.dt-datetime table td.selectable.now button {
-          font-weight: bold; }
-      div.dt-datetime table td.selectable.selected button {
-        background: #4E6CA3;
-        color: white;
-        border-radius: 2px; }
-      div.dt-datetime table td.selectable button:hover {
-        background: #ff8000;
-        color: white;
-        border-radius: 2px; }
-    div.dt-datetime table td.dt-datetime-week {
-      font-size: 0.7em; }
-    div.dt-datetime table button {
-      width: 100%;
-      box-sizing: border-box;
-      border: none;
-      background: transparent;
-      font-size: inherit;
-      color: inherit;
-      text-align: center;
-      padding: 4px 0;
-      cursor: pointer;
-      margin: 0; }
-      div.dt-datetime table button span {
-        display: inline-block;
-        min-width: 14px;
-        text-align: right; }
-    div.dt-datetime table.weekNumber th {
-      width: 12.5%; }
-  div.dt-datetime div.dt-datetime-calendar table {
-    margin-top: 0; }
-  div.dt-datetime div.dt-datetime-label {
-    position: relative;
-    display: inline-block;
-    height: 30px;
-    padding: 5px 6px;
-    border: 1px solid transparent;
-    box-sizing: border-box;
-    cursor: pointer; }
-    div.dt-datetime div.dt-datetime-label:hover {
-      border: 1px solid #ddd;
-      border-radius: 2px;
-      background-color: #f5f5f5; }
-    div.dt-datetime div.dt-datetime-label select {
-      position: absolute;
-      top: 6px;
-      left: 0;
-      cursor: pointer;
-      opacity: 0; }
-  div.dt-datetime.horizontal {
-    width: 550px; }
-    div.dt-datetime.horizontal div.dt-datetime-date,
-    div.dt-datetime.horizontal div.dt-datetime-time {
-      width: 48%; }
-    div.dt-datetime.horizontal div.dt-datetime-time {
-      margin-left: 4%; }
-  div.dt-datetime div.dt-datetime-date {
-    position: relative;
-    float: left;
-    width: 100%; }
-  div.dt-datetime div.dt-datetime-time {
-    position: relative;
-    float: left;
-    width: 100%;
-    text-align: center; }
-    div.dt-datetime div.dt-datetime-time > span {
-      vertical-align: middle; }
-    div.dt-datetime div.dt-datetime-time th {
-      text-align: left; }
-    div.dt-datetime div.dt-datetime-time div.dt-datetime-timeblock {
-      display: inline-block;
-      vertical-align: middle; }
-  div.dt-datetime div.dt-datetime-iconLeft,
-  div.dt-datetime div.dt-datetime-iconRight,
-  div.dt-datetime div.dt-datetime-iconUp,
-  div.dt-datetime div.dt-datetime-iconDown {
-    width: 30px;
-    height: 30px;
-    background-position: center;
-    background-repeat: no-repeat;
-    opacity: 0.3;
-    overflow: hidden;
-    box-sizing: border-box; }
-    div.dt-datetime div.dt-datetime-iconLeft:hover,
-    div.dt-datetime div.dt-datetime-iconRight:hover,
-    div.dt-datetime div.dt-datetime-iconUp:hover,
-    div.dt-datetime div.dt-datetime-iconDown:hover {
-      border: 1px solid #ccc;
-      border-radius: 2px;
-      background-color: #f0f0f0;
-      opacity: 0.6; }
-    div.dt-datetime div.dt-datetime-iconLeft button,
-    div.dt-datetime div.dt-datetime-iconRight button,
-    div.dt-datetime div.dt-datetime-iconUp button,
-    div.dt-datetime div.dt-datetime-iconDown button {
-      border: none;
-      background: transparent;
-      text-indent: 30px;
-      height: 100%;
-      width: 100%;
-      cursor: pointer; }
-  div.dt-datetime div.dt-datetime-iconLeft {
-    position: absolute;
-    top: 5px;
-    left: 5px;
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); }
-  div.dt-datetime div.dt-datetime-iconRight {
-    position: absolute;
-    top: 5px;
-    right: 5px;
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); }
-  div.dt-datetime div.dt-datetime-iconUp {
-    height: 20px;
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII="); }
-  div.dt-datetime div.dt-datetime-iconDown {
-    height: 20px;
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC"); }
-
-div.dt-datetime-error {
-  clear: both;
-  padding: 0 1em;
-  max-width: 240px;
-  font-size: 11px;
-  line-height: 1.25em;
-  text-align: center;
-  color: #b11f1f; }

package/examples/basic.html

@@ -1,26 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>DateTime simple example</title>
-
-		<meta charset="UTF-8">
-
-		<link rel="stylesheet" href="../dist/dateTime.css">
-
-		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
-		<script src="../dist/dateTime.js"></script>
-		<script>
-			$(document).ready(function() {
-				new DateTime(document.getElementById('test'), {});
-			});
-		</script>
-	</head>
-	<body>
-		<h1>DateTime simple example</h1>
-		<p>This example shows the date / time input with simple initilaisation.</p>
-
-		<p>
-			<input id="test" type="text" value="2020-01-17" />
-		</p>
-	</body>
-</html>

package/examples/datetime.html

@@ -1,29 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>DateTime - date and time example</title>
-
-		<meta charset="UTF-8">
-
-		<link rel="stylesheet" href="../dist/dateTime.css">
-
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
-		<script src="http://code.jquery.com/jquery-3.4.1.min.js"></script>
-		<script src="../dist/dateTime.js"></script>
-		<script>
-			$(document).ready(function() {
-				new DateTime(document.getElementById('test'), {
-					format: 'D MMM YYYY HH:mm'
-				});
-			});
-		</script>
-	</head>
-	<body>
-		<h1>DateTime - date and time example</h1>
-		<p>This example shows the date / time input used for both date and time inputs.</p>
-
-		<p>
-			<input id="test" type="text" value="17 Jan 2020 12:19" />
-		</p>
-	</body>
-</html>

package/examples/dayjs.html

@@ -1,32 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>DateTime with DayJS formatting example</title>
-
-		<meta charset="UTF-8">
-
-		<link rel="stylesheet" href="../dist/dateTime.css">
-
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.8.17/dayjs.min.js"></script>
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.8.17/plugin/utc.js"></script>
-		<script src="http://code.jquery.com/jquery-3.4.1.min.js"></script>
-		<script src="../dist/dateTime.js"></script>
-		<script>
-			dayjs.extend(dayjs_plugin_utc);
-
-			$(document).ready(function() {
-				new DateTime(document.getElementById('test'), {
-					format: 'D/M/YYYY'
-				});
-			});
-		</script>
-	</head>
-	<body>
-		<h1>DateTime with DayJS formatting example</h1>
-		<p>This example shows the date / time input with DayJS used for the formatting rather than Moment. Note that you also need the DayJS `UTC` plugin.</p>
-
-		<p>
-			<input id="test" type="text" value="17/1/2020" />
-		</p>
-	</body>
-</html>

package/examples/hidden.html

@@ -1,26 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>DateTime with hidden input example</title>
-
-		<meta charset="UTF-8">
-
-		<link rel="stylesheet" href="../dist/dateTime.css">
-
-		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
-		<script src="../dist/dateTime.js"></script>
-		<script>
-			$(document).ready(function() {
-				new DateTime(document.getElementById('test'), {});
-			});
-		</script>
-	</head>
-	<body>
-		<h1>DateTime with hidden input example</h1>
-		<p>When DateTime is assigned a `hidden` input element, the picker will always be shown on the page, inline with the hidden input element.</p>
-
-		<p>
-			<input id="test" type="hidden" value="2020-01-17" />
-		</p>
-	</body>
-</html>

package/examples/jquery.html

@@ -1,26 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>DateTime with jQuery init example</title>
-
-		<meta charset="UTF-8">
-
-		<link rel="stylesheet" href="../dist/dateTime.css">
-
-		<script src="http://code.jquery.com/jquery-3.4.1.min.js"></script>
-		<script src="../dist/dateTime.js"></script>
-		<script>
-			$(document).ready(function() {
-				$('#test').dtDateTime();
-			});
-		</script>
-	</head>
-	<body>
-		<h1>DateTime with jQuery init example</h1>
-		<p>This example shows the date / time input initialised via jQuery.</p>
-
-		<p>
-			<input id="test" type="text" value="2020-01-17" />
-		</p>
-	</body>
-</html>

package/examples/moment.html

@@ -1,29 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>DateTime with Moment formatting example</title>
-
-		<meta charset="UTF-8">
-
-		<link rel="stylesheet" href="../dist/dateTime.css">
-
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
-		<script src="http://code.jquery.com/jquery-3.4.1.min.js"></script>
-		<script src="../dist/dateTime.js"></script>
-		<script>
-			$(document).ready(function() {
-				new DateTime(document.getElementById('test'), {
-					format: 'D/M/YYYY'
-				});
-			});
-		</script>
-	</head>
-	<body>
-		<h1>DateTime with Moment formatting example</h1>
-		<p>This example shows the date / time input with Moment used for the formatting.</p>
-
-		<p>
-			<input id="test" type="text" value="17/1/2020" />
-		</p>
-	</body>
-</html>

package/examples/right.html

@@ -1,39 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>DateTime simple example</title>
-
-		<meta charset="UTF-8">
-
-		<link rel="stylesheet" href="../dist/dateTime.css">
-
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
-		<script src="http://code.jquery.com/jquery-3.4.1.min.js"></script>
-		<script src="../dist/dateTime.js"></script>
-		<script>
-			$(document).ready(function() {
-				new DateTime(document.getElementById('test'), {
-					attachTo: 'input',
-					format: 'D MMM YYYY HH:mm'
-				});
-
-				new DateTime(document.getElementById('test2'), {
-					attachTo: 'input',
-					format: 'D MMM YYYY HH:mm'
-				});
-			});
-		</script>
-	</head>
-	<body>
-		<h1>DateTime right aligned example</h1>
-		<p>This shows adjustment to the selector position if it isn't fully visible.</p>
-
-		<p>
-			<input id="test" type="text" value="2020-01-17" style="float: right" />
-		</p>
-
-		<p style="position: absolute; top: 200px; left: 50px; right: 0;">
-			<input id="test2" type="text" value="2020-01-17" style="float: right" />
-		</p>
-	</body>
-</html>