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>