added timepicker and CSS style for it

smash/web/templates/vouchers/add_edit.html

@@ -6,6 +6,24 @@
     {{ block.super }}
     <link rel="stylesheet" href="{% static 'AdminLTE/plugins/awesomplete/awesomplete.css' %}"/>
 
+    <style type="text/css">
+        .ui-datepicker-header {
+           border: 1px solid #555;
+           background: #00a65a;
+        }
+        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
+            border: 1px solid #000000;
+            background: #00a65a url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
+        }
+
+        .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
+            border: 1px solid red;
+            background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
+            font-weight: bold;
+            color: red;
+        }
+    </style>
+
 {% endblock styles %}
 
 {% block ui_active_tab %}'configuration'{% endblock ui_active_tab %}
@@ -107,5 +125,8 @@
     {{ block.super }}
 
     <script src="{% static 'AdminLTE/plugins/awesomplete/awesomplete.min.js' %}"></script>
+    <script type="text/javascript">
+        $(".datepicker").datepicker({ dateFormat: 'yy-mm-dd' });
+    </script>
 
 {% endblock scripts %}
\ No newline at end of file