TT#65503 - Introduce time picker

* Change datepicker to datetimepicker
	   to be able to select time as well

	 * datetimepicker is now available only
	   for call lists since this is where
	   a more thorough filtering is needed
	   in case the limit of 1000 entries is
	   passed

Change-Id: I48107fa8f7c4d4ee9b40044c8ae5f7842e35c2a5

lib/NGCP/Panel/Controller/Subscriber.pm

@@ -2672,7 +2672,7 @@ sub calllist_master :Chained('base') :PathPart('calls') :CaptureArgs(0) :Allowed
         { name => "clir", search => 0, title => $c->loc('CLIR') },
         { name => "source_customer_billing_zones_history.detail", search => 0, title => $c->loc('Billing zone'), }, #index required...
         { name => "call_status", search => 0, title => $c->loc('Status') },
-        { name => "start_time", search_from_epoch => 1, search_to_epoch => 1, title => $c->loc('Start Time') },
+        { name => "start_time", search_from_epoch => 1, search_to_epoch => 1, search_datetime => 1, title => $c->loc('Start Time') },
         { name => "duration", search => 0, title => $c->loc('Duration'), show_total => 'sum' },
         { name => "cdr_mos_data.mos_average", search => 0, title => $c->loc('MOS avg') },
         { name => "cdr_mos_data.mos_average_packetloss", search => 0, title => $c->loc('MOS packetloss') },

share/templates/helpers/datatables.tt

@@ -238,8 +238,9 @@ $(document).ready(function() {
                         [% IF col.search_from_epoch && !has_from -%]
                             var f = '<label>From Date: <input type="text" id="[% helper.id_from_name %]_datepicker_start" class="ngcp-datepicker" rel="tooltip" data-original-title="YYYY-MM-DD"/></label>';
                             $('#[% helper.id_from_name %]_table_filter').prepend(f);
-                            $('#[% helper.id_from_name %]_datepicker_start').datepicker({
+                            $('#[% helper.id_from_name %]_datepicker_start').datetimepicker({
                                 "dateFormat": "yy-mm-dd",
+                                showTimepicker: [% IF col.search_datetime %] true [% ELSE %] false [% END %],
                                 "onSelect": function(date) {
                                     [% helper.id_from_name %]_table.fnFilter(date, 0);
                                 }
@@ -255,8 +256,9 @@ $(document).ready(function() {
                             } else {
                                 $('#[% helper.id_from_name %]_table_filter').prepend(t);
                             }
-                            $('#[% helper.id_from_name %]_datepicker_end').datepicker({
+                            $('#[% helper.id_from_name %]_datepicker_end').datetimepicker({
                                 "dateFormat": "yy-mm-dd",
+                                showTimepicker: [% IF col.search_datetime %] true [% ELSE %] false [% END %],
                                 "onSelect": function(date) {
                                     [% helper.id_from_name %]_table.fnFilter(date, 1);
                                 }