| 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 |
<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>