text: $(function() {
      "use strict";
  	
  	/*Date picker*/
  	
  	$('.date-picker').datepicker({
                  
                  autoclose: true
              });
  			
  			
  	/* datetime picker*/
  	
  	$(".form_datetime").datetimepicker({
              autoclose: true,
              format: "dd MM yyyy - hh:ii"
              
          });
  
          $(".form_advance_datetime").datetimepicker({
              format: "dd MM yyyy - hh:ii",
              autoclose: true,
              todayBtn: true,
              startDate: "2013-02-14 10:00",
              minuteStep: 10
          });
  
          $(".form_meridian_datetime").datetimepicker({
              format: "dd MM yyyy - HH:ii P",
              showMeridian: true,
              autoclose: true,
              todayBtn: true
          });
  	
     /*Time picker*/
  
      $('.timepicker-default').timepicker({
                  autoclose: true,
                  showSeconds: true,
                  minuteStep: 1
              });
  
              $('.timepicker-no-seconds').timepicker({
                  autoclose: true,
                  minuteStep: 5
              });
  
              $('.timepicker-24').timepicker({
                  autoclose: true,
                  minuteStep: 5,
                  showSeconds: false,
                  showMeridian: false
              });
  
       /*date range*/
  
       $('#defaultrange').daterangepicker({
                  format: 'MM/DD/YYYY',
                  separator: ' to ',
                  startDate: moment().subtract('days', 29),
                  endDate: moment(),
                  minDate: '01/01/2012',
                  maxDate: '12/31/2014',
              },
              function (start, end) {
                  console.log("Callback has been called!");
                  $('#defaultrange input').val(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
              }
          );        
  
          $('#defaultrange_modal').daterangepicker({
                  format: 'MM/DD/YYYY',
                  separator: ' to ',
                  startDate: moment().subtract('days', 29),
                  endDate: moment(),
                  minDate: '01/01/2012',
                  maxDate: '12/31/2014',
              },
              function (start, end) {
                  $('#defaultrange_modal input').val(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
              }
          );
          
          $('#reportrange').daterangepicker({
                  startDate: moment().subtract('days', 29),
                  endDate: moment(),
                  minDate: '01/01/2012',
                  maxDate: '12/31/2014',
                  dateLimit: {
                      days: 60
                  },
                  showDropdowns: true,
                  showWeekNumbers: true,
                  timePicker: false,
                  timePickerIncrement: 1,
                  timePicker12Hour: true,
                  ranges: {
                      'Today': [moment(), moment()],
                      'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
                      'Last 7 Days': [moment().subtract('days', 6), moment()],
                      'Last 30 Days': [moment().subtract('days', 29), moment()],
                      'This Month': [moment().startOf('month'), moment().endOf('month')],
                      'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
                  },
                  buttonClasses: ['btn'],
                  applyClass: 'green',
                  cancelClass: 'default',
                  format: 'MM/DD/YYYY',
                  separator: ' to ',
                  locale: {
                      applyLabel: 'Metronicly',
                      fromLabel: 'From',
                      toLabel: 'To',
                      customRangeLabel: 'Custom Range',
                      daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
                      monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
                      firstDay: 1
                  }
              },
              function (start, end) {
                  console.log("Callback has been called!");
                  $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
              }
          );
          //Set the initial state of the picker label
          $('#reportrange span').html(moment().subtract('days', 29).format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));		
  		
  		/*clock face*/
  		
  		$('.clockface_1').clockface();
  
          $('#clockface_2').clockface({
              format: 'HH:mm',
              trigger: 'manual'
          });
  
          $('#clockface_2_toggle').click(function (e) {
              e.stopPropagation();
              $('#clockface_2').clockface('toggle');
          });
  
          $('#clockface_2_modal').clockface({
              format: 'HH:mm',
              trigger: 'manual'
          });
  
          $('#clockface_2_modal_toggle').click(function (e) {
              e.stopPropagation();
              $('#clockface_2_modal').clockface('toggle');
          });
  
          $('.clockface_3').clockface({
              format: 'H:mm'
          }).clockface('show', '14:30');
  		
  	/*color picker */
  	
  	
  		$('.colorpicker-default').colorpicker({
              format: 'hex'
          });
          $('.colorpicker-rgba').colorpicker();
  	
  });