Undocumented Feature

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
+.DS_Store
 .idea
 *.iml
 atlassian-ide-plugin.xml

README.md

@@ -1,16 +1,24 @@
-# Project : bootstrap-datetimepicker
-======================================
+# Deprecated
+This repository has been deprecated in favour of [this](https://eonasdan.github.io/bootstrap-datetimepicker/).
 
-[![Build Status](https://travis-ci.org/smalot/bootstrap-datetimepicker.svg?branch=master)](https://travis-ci.org/smalot/bootstrap-datetimepicker)
+# bootstrap-datetimepicker [![Build Status](https://travis-ci.org/AuspeXeu/bootstrap-datetimepicker.svg?branch=master)](https://travis-ci.org/AuspeXeu/bootstrap-datetimepicker)
 
 [Homepage](http://www.malot.fr/bootstrap-datetimepicker/)
 
 [Demo page](http://www.malot.fr/bootstrap-datetimepicker/demo.php)
 
-# Project forked
+# Dependencies
+
+This component has now switched to *only* support solid [FontAwesome](https://fontawesome.com/) icons. Therefore the following dependencies must be included for more instructions on how to include these in your project please visit their [website](https://fontawesome.com/get-started).
+
+```
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/solid.css" integrity="sha384-Rw5qeepMFvJVEZdSo1nDQD5B6wX0m7c5Z/pLNvjkB14W6Yki1hKbSEQaX9ffUbWe" crossorigin="anonymous">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/fontawesome.css" integrity="sha384-GVa9GOgVQgOk+TNYXu7S/InPTfSDTtBalSgkgqQ7sCik56N9ztlkoTr2f/T44oKV" crossorigin="anonymous">
+```
 
-This project is a fork of [bootstrap-datepicker project](https://github.com/eternicode/bootstrap-datepicker).
+# Contribute
 
+Before creating an issue/pull request, please for [this](https://jsfiddle.net/AuspeXeu/sqwwcjzu/) jsFiddle and create a working example of your problem.
 
 # Home
 
@@ -85,10 +93,12 @@ $('#datetimepicker').datetimepicker();
 
 As component:
 
+The class `dtp-trigger` is used to mark the element that shows the picker.
+
 ```html
 <div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
     <input size="16" type="text" value="12-02-2012" readonly>
-    <span class="add-on"><i class="icon-th"></i></span>
+    <span class="add-on"><i class="icon-th dtp-trigger"></i></span>
 </div>
 ```
 ```javascript
@@ -367,7 +377,7 @@ This event is fired when a hour is rendered inside the datepicker. Should return
 ```javascript
 $('#date')
     .datetimepicker({
-        onRenderHour: function(hour) {
+        onRenderHour: function(date) {
             //Disable any time between 12:00 and 13:59
             if (date.getUTCHours() === 12 || date.getUTCHours() === 13)
                 return ['disabled'];
@@ -390,33 +400,33 @@ $('#date')
     });
 ```
 
-### fontAwesome
-
-Boolean. Default: false
-
-If true, [Font Awesome](http://fontawesome.io/) will be used.
-
 ## Markup
 
 Format as component.
 
 ```html
 <div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
     <input class="span2" size="16" type="text" value="12-02-2012">
-    <span class="add-on"><i class="icon-th"></i></span>
+    <span class="add-on"><i class="icon-th dtp-trigger"></i></span>
 </div>
 ```
 
 Format as component with reset button to clear the input field.
 
 ```html
-<div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
-    <input class="span2" size="16" type="text" value="12-02-2012">
-    <span class="add-on"><i class="icon-remove"></i></span>
-    <span class="add-on"><i class="icon-th"></i></span>
+<div class="input-group date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
+    <input type="text" class="form-control" type="text" size="16/>
+    <span class="input-group-addon"><i class="fas fa-times dtp-close"></i></span>
+    <span class="input-group-addon"><i class="fas fa-th dtp-trigger"></i></span>
 </div>
 ```
 
+```js
+$('#datetimepicker').datetimepicker({
+  format: 'yyyy-mm-dd hh:ii'
+})
+```
+
 ## Methods
 
 ### .datetimepicker(options)
@@ -716,3 +726,7 @@ If your browser (or those of your users) is displaying characters wrong, chances
 ```html
 <script type="text/javascript" src="bootstrap-datetimepicker.de.js" charset="UTF-8"></script>
 ```
+
+# Project forked
+
+This project is a fork of [bootstrap-datepicker project](https://github.com/smalot/bootstrap-datetimepicker).

css/bootstrap-datetimepicker.css

@@ -395,10 +395,6 @@
 	width: 145px;
 }
 
-.datetimepicker th span.glyphicon {
-	pointer-events: none;
-}
-
 .datetimepicker thead tr:first-child th,
 .datetimepicker tfoot th {
 	cursor: pointer;

index.html

@@ -0,0 +1,87 @@
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="Bootstrap Datetimepicker">
+    <meta name="author" content="Christian Vaas">
+
+    <title>Project website for Bootstrap Datetimepicker</title>
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+    <!-- Optional theme -->
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/solid.css" integrity="sha384-Rw5qeepMFvJVEZdSo1nDQD5B6wX0m7c5Z/pLNvjkB14W6Yki1hKbSEQaX9ffUbWe" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/fontawesome.css" integrity="sha384-GVa9GOgVQgOk+TNYXu7S/InPTfSDTtBalSgkgqQ7sCik56N9ztlkoTr2f/T44oKV" crossorigin="anonymous">
+    <link rel="stylesheet" href="./css/bootstrap-datetimepicker.css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+    <style>
+      body {
+        padding-top: 20px;
+        padding-bottom: 20px;
+      }
+      .navbar {
+        margin-bottom: 20px;
+      }
+    </style>
+  </head>
+  <body>
+    <a href="https://github.com/AuspeXeu/bootstrap-datetimepicker"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>
+    <div class="container">
+
+      <!-- Static navbar -->
+      <nav class="navbar navbar-default">
+        <div class="container-fluid">
+          <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+              <span class="sr-only">Toggle navigation</span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="#">DateTime Picker</a>
+          </div>
+          <div id="navbar" class="navbar-collapse collapse">
+            <ul class="nav navbar-nav navbar-right">
+              <li class="active"><a href="#">Demo</a></li>
+              <li><a href="#">Doc</a></li>
+            </ul>
+          </div><!--/.nav-collapse -->
+        </div><!--/.container-fluid -->
+      </nav>
+
+      <!-- Main component for a primary marketing message or call to action -->
+      <div class="jumbotron">
+        <h1>Under construction</h1>
+        <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
+        <p>
+          <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs &raquo;</a>
+        </p>
+        <p>
+          <!-- <input id="my_dtp" class="my_dtp_c" size="16" type="text"> -->
+          <div class="input-group date" id="my_dtp">
+            <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
+            <span class="input-group-addon"><i class="fas fa-calendar dtp-trigger"></i></span>
+          </div>
+        </p>
+      </div>
+
+    </div> <!-- /container -->
+
+
+    <!-- Bootstrap core JavaScript
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <!-- jQuery minified -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+    <!-- Latest compiled and minified JavaScript -->
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+    <script src="./js/bootstrap-datetimepicker.js"></script>
+    <script>
+      $('#my_dtp').datetimepicker({
+        format: 'yyyy-mm-dd hh:ii'
+      })
+      $('#my_dtp').datetimepicker('update', new Date())
+
+    </script>
+  </body>
+</html>