From bc9e1f9558a18b7b7933d5d799c55e8ea037f0a0 Mon Sep 17 00:00:00 2001
From: Ludovic Marcotte <lmarcotte@inverse.ca>
Date: Thu, 2 Jul 2015 10:45:13 -0400
Subject: [PATCH] (fix) use md-select floating labels

---
 .../UIxAppointmentEditorTemplate.wox          | 42 ++++++++++---------
 .../SchedulerUI/UIxTaskEditorTemplate.wox     | 42 ++++++++++---------
 2 files changed, 44 insertions(+), 40 deletions(-)

diff --git a/UI/Templates/SchedulerUI/UIxAppointmentEditorTemplate.wox b/UI/Templates/SchedulerUI/UIxAppointmentEditorTemplate.wox
index 4e41e0c85..1aaae70e3 100644
--- a/UI/Templates/SchedulerUI/UIxAppointmentEditorTemplate.wox
+++ b/UI/Templates/SchedulerUI/UIxAppointmentEditorTemplate.wox
@@ -37,14 +37,13 @@
         </md-chips>
       </div>
       <!-- calendar -->
-      <div class="pseudo-input-container">
-        <label class="pseudo-input-label"><var:string label:value="Calendar"/></label>
-        <md-select ng-model="editor.component.destinationCalendar" class="pseudo-input-field"
-                   label:placeholder="Calendar">
+      <md-input-container>
+        <label><var:string label:value="Calendar"/></label>
+        <md-select ng-model="editor.component.destinationCalendar" class="pseudo-input-field">
           <md-option ng-repeat="calendar in ::editor.calendars"
                      ng-value="calendar.id">{{calendar.name}}</md-option>
         </md-select>
-      </div>
+      </md-input-container>
       <!-- classification -->
       <md-radio-group layout="row" layout-align="space-around center"
                       ng-model="editor.component.classification">
@@ -134,14 +133,15 @@
       </md-input-container>
       <!-- repeat -->
       <div layout="row" layout-align="start end">
-        <div class="pseudo-input-container md-flex">
-          <label class="pseudo-input-label"><var:string label:value="Repeat"/></label>
-          <md-select class="pseudo-input-field" ng-model="editor.component.repeat.frequency"
-                     label:placeholder="Repeat">
-            <var:foreach list="repeatList" item="item">
-              <md-option var:value="item"><var:string var:value="itemRepeatText"/></md-option>
-            </var:foreach>
-          </md-select>
+        <div class="md-flex">
+          <md-input-container>
+            <label><var:string label:value="Repeat"/></label>
+            <md-select class="pseudo-input-field" ng-model="editor.component.repeat.frequency">
+              <var:foreach list="repeatList" item="item">
+                <md-option var:value="item"><var:string var:value="itemRepeatText"/></md-option>
+              </var:foreach>
+            </md-select>
+          </md-input-container>
         </div>
         <md-button type="button" class="iconButton"
                    label:aria-label="repeat_CUSTOM"
@@ -156,13 +156,15 @@
       </div>
       <!-- end repeat -->
       <div layout="row" layout-align="start end">
-        <div class="pseudo-input-container">
-          <label class="pseudo-input-label"><var:string label:value="End Repeat"/></label>
-          <md-select class="pseudo-input-field" ng-model="editor.component.repeat.end">
-            <md-option value="never"><var:string label:value="Never"/></md-option>
-            <md-option value="count"><var:string label:value="After"/></md-option>
-            <md-option value="until"><var:string label:value="On Date"/></md-option>
-          </md-select>
+        <div>
+          <md-input-container>
+            <label><var:string label:value="End Repeat"/></label>
+            <md-select class="pseudo-input-field" ng-model="editor.component.repeat.end">
+              <md-option value="never"><var:string label:value="Never"/></md-option>
+              <md-option value="count"><var:string label:value="After"/></md-option>
+              <md-option value="until"><var:string label:value="On Date"/></md-option>
+            </md-select>
+          </md-input-container>
         </div>
         <div layout="row" layout-align="start center" ng-show="editor.component.repeat.end == 'count'">
           <md-input-container class="md-input-number">
diff --git a/UI/Templates/SchedulerUI/UIxTaskEditorTemplate.wox b/UI/Templates/SchedulerUI/UIxTaskEditorTemplate.wox
index 7124cdf03..2619e7aeb 100644
--- a/UI/Templates/SchedulerUI/UIxTaskEditorTemplate.wox
+++ b/UI/Templates/SchedulerUI/UIxTaskEditorTemplate.wox
@@ -34,14 +34,13 @@
         </md-chips>
       </div>
       <!-- calendar -->
-      <div class="pseudo-input-container">
-        <label class="pseudo-input-label"><var:string label:value="Calendar"/></label>
-        <md-select ng-model="editor.component.destinationCalendar" class="pseudo-input-field"
-                   label:placeholder="Calendar">
+      <md-input-container>
+        <label><var:string label:value="Calendar"/></label>
+        <md-select ng-model="editor.component.destinationCalendar" class="pseudo-input-field">
           <md-option ng-repeat="calendar in ::editor.calendars"
                      ng-value="calendar.id">{{calendar.name}}</md-option>
         </md-select>
-      </div>
+      </md-input-container>
       <!-- classification -->
       <md-radio-group layout="row" layout-align="space-around center"
                       ng-model="editor.component.classification">
@@ -141,14 +140,15 @@
       </md-input-container>
       <!-- repeat -->
       <div layout="row" layout-align="start end">
-        <div class="pseudo-input-container md-flex">
-          <label class="pseudo-input-label"><var:string label:value="Repeat"/></label>
-          <md-select class="pseudo-input-field" ng-model="editor.component.repeat.frequency"
-                     label:placeholder="Repeat">
-            <var:foreach list="repeatList" item="item">
-              <md-option var:value="item"><var:string var:value="itemRepeatText"/></md-option>
-            </var:foreach>
-          </md-select>
+        <div class="md-flex">
+          <md-input-container>
+            <label><var:string label:value="Repeat"/></label>
+            <md-select class="pseudo-input-field" ng-model="editor.component.repeat.frequency">
+              <var:foreach list="repeatList" item="item">
+                <md-option var:value="item"><var:string var:value="itemRepeatText"/></md-option>
+              </var:foreach>
+            </md-select>
+          </md-input-container>
         </div>
         <md-button type="button" class="iconButton"
                    label:aria-label="repeat_CUSTOM"
@@ -163,13 +163,15 @@
       </div>
       <!-- end repeat -->
       <div layout="row" layout-align="start end">
-        <div class="pseudo-input-container">
-          <label class="pseudo-input-label"><var:string label:value="End Repeat"/></label>
-          <md-select class="pseudo-input-field" ng-model="editor.component.repeat.end">
-            <md-option value="never"><var:string label:value="Never"/></md-option>
-            <md-option value="count"><var:string label:value="After"/></md-option>
-            <md-option value="until"><var:string label:value="On Date"/></md-option>
-          </md-select>
+        <div>
+          <md-input-container>
+            <label><var:string label:value="End Repeat"/></label>
+            <md-select class="pseudo-input-field" ng-model="editor.component.repeat.end">
+              <md-option value="never"><var:string label:value="Never"/></md-option>
+              <md-option value="count"><var:string label:value="After"/></md-option>
+              <md-option value="until"><var:string label:value="On Date"/></md-option>
+            </md-select>
+          </md-input-container>
         </div>
         <div layout="row" layout-align="start center" ng-show="editor.component.repeat.end == 'count'">
           <md-input-container class="md-input-number">