Open calendar from another element, button, icon

[addl]

Allow other elements to show the calendar, for example a icon, button, etc

[tawsif93]

@fetrarij Any update about this issue?

[fetrarij]

#47 (comment)

For all element we want to allow an action to the calendar (show, hide,...)

1. add the class ngx-daterangepicker-action to the element
2. use ViewChild or ViewChildren to access all method in DaterangepickerDirective or DaterangepickerComponent.

See demo code on: demo/src/app/simple

[addl]

Thanks a lot. Keep the good work up. Best regards

[nuzelac]

@fetrarij do you mind setting the exportAs so we can also reference the directive directly from template?

https://netbasal.com/angular-2-take-advantage-of-the-exportas-property-81374ce24d26

[utkarsh27a]

#47 (comment)

For all element we want to allow an action to the calendar (show, hide,...)

1. add the class ngx-daterangepicker-action to the element
2. use ViewChild or ViewChildren to access all method in DaterangepickerDirective or DaterangepickerComponent.

See demo code on: demo/src/app/simple

I was doing everything which was described in that example, but it was not working.The only difference was I was using a svg-icon instead of button.
I debugged it and solved it, and to save others time, I'm doing this comment.
Sometimes we need to put this.pickerDirective.open(e); in a timeout function.
setTimeout(() => { this.pickerDirective.open(e); })