Welcome to Date Time Picker

 Support by Star
 Track issue at Issue
Download

smPicker allows you to pick date and time and Range .

How to Install

bower install --save smDateTimeRangePicker

How to Use

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

How to configure

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']);
   }