Attributes Details
Attribute Value Desription
fname Field name Field Name
lable Lable for field Lable for field
on-focus no value required How Picker should open, On focus or on button click
ng-model ng-model ng-model value
format date format Moment Js accepted date format
mode Date picker or Date Time picker mode if DateTime Mode put 'date-time' else keep blank
week-start-day Start day for calender Monday or Sunday
is-required is field is required True or false
min-date Min Date Min date
max-date Max date Max Date
disable-year-selection disable year selection true or false
no-floating-label true or false If floating label not required set to true
close-on-select true or false close once date and time is selected
on-date-selected-call on-date-selected-call="vm.yourCallbackFun(date)" Once date is selected same is passed as moment object without formting
Support Swipe left and right for date movement.

<sm-date-time-picker
     fname="Date of Joining"
     label="joiningDate"
     no-floating-label="true"
     ng-model="vm.employee.joiningDate"
     mode="date-time"
     on-focus
     flex="100"
     min-date="01-12-2015"
     max-date="01-12-2016"
     is-required="{{true}}"
     format="MM-DD-YYYY"
     on-date-selected-call="vm.yourCallbackFun(date)"
     week-start-day="Sunday">
</sm-date-time-picker>