Using label to trigger calendar and how to show START/END time at the same time

[JobberRT]

Hi, I got two question:

1. How to use a Label to trigger a calendar?
2. How to set a calendar to show both START and END selection(like the picture below)? Is this feature haven't been implemented yet?

For the first question, I got a wrong example in JSFiddler, which I referenced the Button trigger. As you can see, this example will only OPEN the calendar, and will NOT CLOSE the calendar when finished selecting or click other position on the page.

I would like the achieve something like the Button trigger: No input is needed or the input could be hidden. In my case, this calendar is located in a divider, and I'll use onChange to call AJAX and update the data.

[lubber-de]

1. You have to wrap the ui label inside a ui calendar. I adjusted your jsfiddle accordingly here https://jsfiddle.net/lubber/a0pmesfr/9/
2. This is currently not implemented, you have to use two range calendars for now to somehow achieve this. This already got a feature request at [calendar] Range with one calendar #2223