Fixed set date bug where wrong date was set due to wrong format. Added

functionality to set "select year, month" option

Author: wassx

src/main/java/gwt/material/design/client/ui/MaterialDatePicker.java

@@ -22,6 +22,7 @@
 
 import java.util.Date;
 
+import com.google.gwt.core.client.JavaScriptObject;
 import com.google.gwt.i18n.client.DateTimeFormat;
 import com.google.gwt.user.client.ui.FocusPanel;
 import com.google.gwt.user.client.ui.HTMLPanel;
@@ -45,7 +46,8 @@ public interface MaterialDatePickerDelegate {
 	private String placeholder;
 	private String id;
 	private MaterialDatePickerDelegate delegate;
-	
+	private MaterialDatePickerType selectionType = MaterialDatePickerType.DAY;
+	JavaScriptObject input;
 	public MaterialDatePicker() {
 
 	}
@@ -58,27 +60,58 @@ protected void onAttach() {
 		this.clear();
 		panel = new HTMLPanel("<input placeholder='"+placeholder+"' type='date' id='"+id+"' class='datepicker'>");
 		this.add(panel);
-		initDatePicker(id);
+		initDatePicker(id, selectionType.name(), this);
 		initClickHandler(id, this);
 	}
+
+	public static native void initDatePicker(String id, String typeName, MaterialDatePicker parent)/*-{
+		var input;
+		if(typeName === "MONTH_DAY") {
+			input = $wnd.jQuery('#' + id).pickadate({
+				selectYears: false,
+				selectMonths: true
+			});
+		} else if(typeName === "YEAR_MONTH_DAY") {
+			input = $wnd.jQuery('#' + id).pickadate({
+				selectYears: true,
+				selectMonths: true
+			});
+		} else {
+			input = $wnd.jQuery('#' + id).pickadate();
+		}
+		
+		[email protected]::input = input;
+		
+	}-*/;
+	
+	/**
+	 * Sets the type of selection options (date, month, year,...).
+	 * @param type if <code>null</code>, {@link MaterialDatePickerType#DAY} will be used as fallback.
+	 */
+	public void setDateSelectionType(MaterialDatePickerType type) {
+		if(type == null) {
+			type = MaterialDatePickerType.DAY;
+		}
+		this.selectionType = type;
+	}
 
 	public static native String getDatePickerValue(String id)/*-{
-		var color    = $wnd.jQuery('#' + id).val();  
+		var color = $wnd.jQuery('#' + id).val();  
 		return color;
 	}-*/;
 
 	private static native void setDatePickerValue(String value, String id)/*-{
         $wnd.jQuery('#' + id).val(value);
 	}-*/;
 
-	public static native void initDatePicker(String id)/*-{
-        $wnd.jQuery('#' + id).pickadate();
-	}-*/;
-	
-	native void initClickHandler(String id, MaterialDatePicker picker) /*-{
-		$wnd.jQuery('.picker__wrap').bind('click',function(){
-			[email protected]::notifyDelegate()();
-			});
+	native void initClickHandler(String id, MaterialDatePicker parent) /*-{
+		var input = [email protected]::input;
+		var picker = input.pickadate('picker');
+		picker.on({
+		  close: function() {
+		    [email protected]::notifyDelegate()();
+		  }
+		});
 	}-*/;
 
 	/**
@@ -123,14 +156,15 @@ public void setDate(Date date) {
 		this.date = date;
 		DateTimeFormat sdf = DateTimeFormat.getFormat("d MMM, yyyy");
 		setDatePickerValue(sdf.format(date), id);
-		selectDate(sdf.format(date), id);
+		DateTimeFormat sdfSetter = DateTimeFormat.getFormat("yyyy-MM-dd");
+		selectDate(sdfSetter.format(date), id, this);
 	}
 
-	private native void selectDate(String date, String id) /*-{
-		var $input = $wnd.jQuery('#' + id).pickadate();
-        var picker = $input.pickadate('picker');
+	private native void selectDate(String date, String id, MaterialDatePicker parent) /*-{
+		var input = [email protected]::input;
+		var picker = input.pickadate('picker');
 		if(picker) {
-			picker.set('select', date);
+			picker.set('select', date, { format: 'yyyy-mm-dd' });
 		}
 	}-*/;
 
@@ -142,4 +176,14 @@ public void setPlaceholder(String placeholder) {
 		this.placeholder = placeholder;
 	}
 
+	/**
+	 * Enum for identifying various selection types for the picker.
+	 *
+	 */
+	public enum MaterialDatePickerType {
+		DAY,
+		MONTH_DAY,
+		YEAR_MONTH_DAY
+	}
+	
 }