smPicker allows you to pick date and time and Range .
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([
{
label:'Today',
startDate:moment().startOf('day'),
endDate:moment().endOf('day')
},
{
label:'Last 7 Days',
startDate: moment().subtract(7,'d'),
endDate:moment()
},
{
label:'This Month',
startDate:moment().startOf('month'),
endDate: moment().endOf('month')
},
{
label:'Last Month',
startDate:moment().subtract(1,'month').startOf('month'),
endDate: moment()
},
{
label: 'This Quarter',
startDate: moment().startOf('quarter'),
endDate: moment().endOf('quarter')
},
{
label: 'Year To Date',
startDate: moment().startOf('year'),
endDate: moment()
},
{
label: 'This Year',
startDate: moment().startOf('year'),
endDate: moment().endOf('year')
}
]);
picker.setRangeCustomStartEnd(['Start Date', 'End Date']);
}