TimePicker - Fixed issues on Placeholder preventing from opening.

TimePicker - Fixed active style issue when setting values on datepicker.

Author: kevzlou7979

src/main/java/gwt/material/design/addins/client/timepicker/MaterialTimePicker.java

@@ -142,8 +142,8 @@ protected void onLoad() {
         uniqueId = DOM.createUniqueId();
         timeInput.setType(InputType.TEXT);
         readOnlyMixin = new ReadOnlyMixin<>(this, timeInput);
-        panel.add(timeInput);
         panel.add(lblPlaceholder);
+        panel.add(timeInput);
         panel.add(lblError);
         add(panel);
         timeInput.getElement().setAttribute("type", "text");
@@ -370,7 +370,8 @@ public void setValue(Date time, boolean fireEvents) {
         if (this.time == null) {
             return;
         }
-
+        lblPlaceholder.removeStyleName(CssName.ACTIVE);
+        lblPlaceholder.addStyleName(CssName.ACTIVE);
         $(timeInput.getElement()).val(DateTimeFormat.getFormat(hour24 ? "HH:mm" : "hh:mm aa").format(time));
         super.setValue(time, fireEvents);
     }

src/main/resources/gwt/material/design/addins/client/timepicker/resources/css/timepicker.css

@@ -604,4 +604,8 @@
         -moz-transform: translate3d(0, 0, 0);
         opacity: 1;
     }
+}
+
+.timepicker input {
+    position: relative;
 }