npm install --save smdatetimerangepicker

  bower install --save smDateTimeRangePicker

  angular.module('Your App',["ngMaterial","smDateTimeRangePicker"]); 

  angular.module('Your App',["ngMaterial","smDateTimeRangePicker"])
    .config(function ($mdThemingProvider,pickerProvider) {
        pickerProvider.setOkLabel('Save');    
        pickerProvider.setCancelLabel('Close');    
        //  Over ride day names by changing here
        pickerProvider.setDayHeader('single');  //Options 'single','shortName', 'fullName'
        picker.setDaysNames([
             {'single':'S','shortName':'Su','fullName':'Sunday'}, 
             {'single':'M','shortName':'Mo','fullName':'MonDay'}, 
             {'single':'T','shortName':'Tu','fullName':'TuesDay'}, 
             {'single':'W','shortName':'We','fullName':'Wednesday'}, 
             {'single':'T','shortName':'Th','fullName':'Thursday'}, 
             {'single':'F','shortName':'Fr','fullName':'Friday'}, 
             {'single':'S','shortName':'Sa','fullName':'Saturday'}
         ]);
         // Range Picker Configuration
         picker.setDivider('To');
         picker.setMonthNames(["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]);
         picker.setRangeDefaultList(['Today',
                        'Last 7 Days',
                        'This Month',
                        'Last Month',
                        'This Quarter',
                        'Year To Date',
                        'This Year', 
                        'Custome Range']);
        picker.setRangeCustomStartEnd(['Start Date', 'End Date']);      
    }

      <div  layout="row"> 
            <sm-date-time-picker 
                fname="field" 
                lable="Date of Birth"
                form="empForm" 
                value="vm.employee.dateOfBirth" 
                flex="50"
                flex-sm="100"
                flex-xs="100"                          
                is-required="{{true}}" 
                format="MM-DD-YYYY HH:mm"
                mode="date-time" 
                week-start-day="Monday">
            </sm-date-time-picker>
    </div>

      <div  layout="row"> 
            <sm-date-time-picker 
                fname="field" 
                lable="Date of Birth"
                form="empForm" 
                value="vm.employee.dateOfBirth" 
                flex="50"
                flex-sm="100"
                flex-xs="100"                          
                is-required="{{true}}" 
                format="MM-DD-YYYY HH:mm"
                week-start-day="Monday">
            </sm-date-time-picker>
    </div>

	    <div layout="row">
	        <sm-range-picker-input
	                fname="dayOfPay" 
	                lable="Date of Pay"
	                form="empForm"
	                value="vm.employee.dateOfPay" 
	                flex="50"                         
	                is-required="{{true}}" 
	                format="MM-DD-YYYY"
	                mode="date-time" 
	                week-start-day="Sunday">
	        </sm-range-picker-input>
	    </div>