$( function() {
	$( "#datepickerFrom" ).datepicker();
	$( "#datepickerTo" ).datepicker();
} );

// $(document).on('click', 'date_field_to', function(event) {
// 	// alert("yo");
// });

$(document).click(function(e) {
	$("[aria-labelledby=select2-sample3-container]").addClass("select1_input");
	$("[aria-labelledby=select2-sample2-container]").addClass("select2_input");
	
	var target = e.target;
	// alert(target.className);
	var	targetClass = target.className;
	if(target.className === "user_input mdl-textfield__input dateFrom hasDatepicker") {
    	$('.date_field_from').addClass('is-selected');
    	// console.log("class added");
	}  else {
		var input_box =  $.trim( $('#datepickerFrom').val() )
			if(input_box == "") {
			$('.date_field_from').removeClass('is-selected');
			// console.log("from class removed");
		}
	}
	if(target.className === "user_input mdl-textfield__input dateTo hasDatepicker") {
    	$('.date_field_to').addClass('is-selected');
    	// console.log("class added");
	} else {
		var input_box2 =  $.trim( $('#datepickerTo').val() )
			if(input_box2 == "") {
			$('.date_field_to').removeClass('is-selected');
			// console.log("to class removed");
		}
	} 
	if(target.className === "select2-selection select2-selection--single select1_input") {

		// alert("select1");
    	$('.select_input').addClass('is-selected');
    	// console.log("class added");
	} else {
		var input_box3 =  $.trim( $('.select_input .id_list').val() )
			if(input_box3 == "") {
			$('.select_input').removeClass('is-selected');
			// console.log("select1 class removed");
		}
	} 
	if(target.className === "select2-selection select2-selection--single select2_input") {
    	$('.select_input2').addClass('is-selected');
    	// console.log("class added");
	} else {
		var input_box4 =  $.trim( $('.select_input2 .id_list').val() )
			if(input_box4 == "") {
			$('.select_input2').removeClass('is-selected');
			// console.log("select2 class removed");
		}
	} 	
});