chronos-front/app/views/freeroom.html

<div layout="column" layout-fill layout-align="top center" class="col-xs-12" lu-busy="freerooms-root">

    <div>
        <md-input-container class="md-input-has-placeholder">
            <input mdc-datetime-picker="" date="true" time="true" type="text" id="datetimeBegin" short-time="false"
                   format="{{dateTimeFormat}}" placeholder="From" ng-model="Search.Begin" class="md-input">
        </md-input-container>

        <md-input-container class="md-input-has-placeholder">
            <input mdc-datetime-picker="" date="true" time="true" type="text" id="datetimeEnd" short-time="false"
                   format="{{dateTimeFormat}}" placeholder="To" ng-model="Search.End" class="md-input">
        </md-input-container>

        <md-menu>
            <md-button aria-label="Open location menu" class="md-button" ng-click="openMenu($mdOpenMenu, $event)">
                <img src="img/location.png" /> {{rootRoom.Name}}
            </md-button>
            <md-menu-content width="4">
                <md-menu-item ng-repeat="room in rootRooms">
                    <md-button ng-click="setRootRoom(room)">
                        {{ room.Name }}
                    </md-button>
                </md-menu-item>
            </md-menu-content>
        </md-menu>

        <md-button ng-click="search()">
            Go!
        </md-button>
    </div>

    <div class="clearfix"></div>

    <div class="col-xs-offset-2 col-xs-8" lu-busy="freerooms">
        <div class="col-xs-4" ng-repeat="room in freeRooms">
            {{room.Name}}
        </div>
    </div>

</div>