i have made this in the paste for days
on load form from calendar
?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>

<script>

jQuery(function($){
	$.datepicker.regional['fr'] = {
		closeText: 'Fermer',
		prevText: '&#x3c;Préc',
		nextText: 'Suiv&#x3e;',
		currentText: 'Aujourd\'hui',
		monthNames: ['Janvier','Fevrier','Mars','Avril','Mai','Juin',
		'Juillet','Aout','Septembre','Octobre','Novembre','Decembre'],
		monthNamesShort: ['Jan','Fev','Mar','Avr','Mai','Jun',
		'Jul','Aou','Sep','Oct','Nov','Dec'],
		dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
		dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
		dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
		weekHeader: 'Sm',
		dateFormat: 'yy-mm-dd',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: '',
		minDate:0+7,
		maxDate: '+12M +0D',
		numberOfMonths: 1,
		showButtonPanel: true,	
		displaymode: true,
		showOn : 'focus',
		showAnim : 'slide',
		buttonImage: "../_lib/img/calendar.gif",
      	buttonImageOnly: false,
      //buttonText: "Select date"
      //buttonImage: "../_lib/img/calendar.gif",
      //buttonImageOnly: true,  
		
		};
	 $( "#id_sc_field_start_date" ).datepicker({
		 		dateFormat: 'yy-mm-dd',
               beforeShowDay : function (date) {
                  var dayOfWeek = date.getDay ();
				  // 0 : Sunday, 1 : Monday, ...
                  if (dayOfWeek == 0 || dayOfWeek == 6) return [false];
                  else return [true]; 
				
               }
		 		
            });
	 $( "#id_sc_field_end_date" ).datepicker({
         dateFormat: 'yy-mm-dd',      
		 beforeShowDay : function (date) {
                  var dayOfWeek = date.getDay ();
				  // 0 : Sunday, 1 : Monday, ...
                  if (dayOfWeek == 0 || dayOfWeek == 6) return [false];
                  else return [true]; 
				
               }
		 
            });
	
	//
	$.datepicker.setDefaults($.datepicker.regional['fr']);
	
$("#id_sc_field_start_time").timepicker({
    timeFormat: 'HH:mm',
    interval: 5,
    minTime: '8:00:00',
    maxTime: '18:00:00',
    
    startTime: '08:00:00',
    dynamic: true,
    dropdown: true,
    scrollbar: false
});
$("#id_sc_field_end_time").timepicker({
    timeFormat: 'HH:mm',
    interval: 5,
    minTime: '08:00:00',
    maxTime: '18:00:00',
   
    startTime: '08:00:00',
    dynamic: true,
    dropdown: true,
    scrollbar: false
});
	




	
 
});
 </script>


<?php


and this for time
on load form from calendar
	

?>

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/flick/jquery-ui.css">
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<script>

jQuery(function($){
	
	
	//
	$.datepicker.setDefaults($.datepicker.regional['fr']);
	
$("#id_sc_field_start_time").timepicker({
    timeFormat: 'HH:mm',
    interval: 15,
    minTime: '08:00:00',
    maxTime: '17:45:00',
    
    startTime: '08:00:00',
    dynamic: true,
    dropdown: true,
    scrollbar: false
});
$("#id_sc_field_end_time").timepicker({
    timeFormat: 'HH:mm',
    interval: 15,
    minTime: '08:15:00',
    maxTime: '18:00:00',
   
    startTime: '08:15:00',
    dynamic: true,
    dropdown: true,
    scrollbar: false
});
	


 
});
 </script>

<?php