fix: Datepicker triggers form submission when clicked on month, year & calendar icon buttons

src/ActionBar/__snapshots__/ActionBar.test.js.snap

@@ -9,6 +9,7 @@ exports[`<ActionBar /> create basic Action Bar 1`] = `
   >
     <button
       className="fd-button--light fd-button--compact sap-icon--nav-back"
+      type="button"
     />
   </div>
   <div
@@ -44,6 +45,7 @@ exports[`<ActionBar /> create basic Action Bar 2`] = `
   >
     <button
       className="fd-button--light fd-button--compact sap-icon--nav-back"
+      type="button"
     />
   </div>
   <div

src/Button/Button.js

@@ -57,6 +57,10 @@ Button.propTypes = {
     onClick: PropTypes.func
 };
 
+Button.defaultProps = {
+    typeAttr: 'button'
+};
+
 Button.propDescriptions = {
     option: 'Indicates the importance of the button.',
     selected: 'Set to **true** to set state of the button to "selected".',

src/Button/__snapshots__/Button.test.js.snap

@@ -3,6 +3,7 @@
 exports[`<Button /> create buttons 1`] = `
 <button
   className="fd-button"
+  type="button"
 >
   Regular Button
 </button>
@@ -11,6 +12,7 @@ exports[`<Button /> create buttons 1`] = `
 exports[`<Button /> create buttons 2`] = `
 <button
   className="fd-button--emphasized"
+  type="button"
 >
   Emphasized Button
 </button>
@@ -19,6 +21,7 @@ exports[`<Button /> create buttons 2`] = `
 exports[`<Button /> create buttons 3`] = `
 <button
   className="fd-button fd-button--positive"
+  type="button"
 >
   Positive Button
 </button>
@@ -27,6 +30,7 @@ exports[`<Button /> create buttons 3`] = `
 exports[`<Button /> create buttons 4`] = `
 <button
   className="fd-button sap-icon--cart"
+  type="button"
 >
   Icon Button
 </button>
@@ -35,6 +39,7 @@ exports[`<Button /> create buttons 4`] = `
 exports[`<Button /> create buttons 5`] = `
 <button
   className="fd-button fd-button--compact"
+  type="button"
 >
   Compact
 </button>
@@ -44,6 +49,7 @@ exports[`<Button /> create buttons 6`] = `
 <button
   className="fd-button--emphasized is-selected"
   selected={true}
+  type="button"
 >
   Selected State
 </button>
@@ -53,6 +59,7 @@ exports[`<Button /> create buttons 7`] = `
 <button
   className="fd-button--emphasized is-disabled"
   disabled={true}
+  type="button"
 >
   Disabled State
 </button>

src/Button/__snapshots__/ButtonGroup.test.js.snap

@@ -8,13 +8,16 @@ exports[`<ButtonGroup /> create button group 1`] = `
 >
   <button
     className="fd-button sap-icon--survey blue"
+    type="button"
   />
   <button
     className="fd-button sap-icon--pie-chart is-selected"
     selected={true}
+    type="button"
   />
   <button
     className="fd-button sap-icon--pool"
+    type="button"
   />
 </div>
 `;

src/ComboboxInput/__snapshots__/ComboboxInput.test.js.snap

@@ -27,6 +27,7 @@ exports[`<ComboboxInput /> create combobox input 1`] = `
           >
             <button
               className="fd-button--light sap-icon--navigation-down-arrow fd-input-group__button"
+              type="button"
             />
           </span>
         </div>
@@ -65,6 +66,7 @@ exports[`<ComboboxInput /> create combobox input 2`] = `
           >
             <button
               className="fd-button--light fd-button--compact sap-icon--navigation-down-arrow fd-input-group__button"
+              type="button"
             />
           </span>
         </div>

src/Dropdown/__snapshots__/Dropdown.test.js.snap

@@ -24,6 +24,7 @@ exports[`<Dropdown /> create dropdown component 1`] = `
           onKeyPress={[Function]}
           role="button"
           tabIndex={0}
+          type="button"
         >
           Select
         </button>
@@ -57,6 +58,7 @@ exports[`<Dropdown /> create dropdown component 2`] = `
           onKeyPress={[Function]}
           role="button"
           tabIndex={0}
+          type="button"
         >
           Select
         </button>
@@ -90,6 +92,7 @@ exports[`<Dropdown /> create dropdown component 3`] = `
           onKeyPress={[Function]}
           role="button"
           tabIndex={0}
+          type="button"
         >
           Select
         </button>
@@ -124,6 +127,7 @@ exports[`<Dropdown /> create dropdown component 4`] = `
           onKeyPress={[Function]}
           role="button"
           tabIndex={0}
+          type="button"
         >
           Select
         </button>
@@ -159,6 +163,7 @@ exports[`<Dropdown /> create dropdown component 5`] = `
           onKeyPress={[Function]}
           role="button"
           tabIndex={0}
+          type="button"
         >
           Select
         </button>

src/InputGroup/__snapshots__/InputGroup.test.js.snap

@@ -158,6 +158,7 @@ exports[`<InputGroup /> create input group items 9`] = `
   >
     <button
       className="fd-button--light fd-input-group__button"
+      type="button"
     >
       Button
     </button>
@@ -179,6 +180,7 @@ exports[`<InputGroup /> create input group items 10`] = `
   >
     <button
       className="fd-button--light fd-button--compact fd-input-group__button"
+      type="button"
     >
       Button
     </button>

src/InputGroup/__snapshots__/InputGroupAddon.test.js.snap

@@ -14,6 +14,7 @@ exports[`<InputGroupAddon /> create input group add-on items 2`] = `
 >
   <button
     className="fd-button fd-input-group__button"
+    type="button"
   >
     Text Here
   </button>
@@ -26,6 +27,7 @@ exports[`<InputGroupAddon /> create input group add-on items 3`] = `
 >
   <button
     className="fd-button fd-button--compact fd-input-group__button"
+    type="button"
   >
     Text Here
   </button>

src/ListGroup/__snapshots__/ListGroup.test.js.snap

@@ -49,6 +49,7 @@ exports[`<ListGroup /> create list group 1`] = `
     >
       <button
         className="fd-button fd-button--standard sap-icon--edit"
+        type="button"
       />
     </span>
   </li>
@@ -68,6 +69,7 @@ exports[`<ListGroup /> create list group 2`] = `
     >
       <button
         className="fd-button fd-button--standard sap-icon--edit"
+        type="button"
       />
     </span>
   </li>

src/ListGroup/__snapshots__/ListGroupItem.test.js.snap

@@ -10,6 +10,7 @@ exports[`<ListGroupItem /> create list group item 1`] = `
   >
     <button
       className="fd-button fd-button--standard sap-icon--edit"
+      type="button"
     />
   </span>
 </li>

src/ListGroup/__snapshots__/ListGroupItemActions.test.js.snap

@@ -6,6 +6,7 @@ exports[`<ListGroupItemActions /> create list group item actions 1`] = `
 >
   <button
     className="fd-button fd-button--standard sap-icon--edit"
+    type="button"
   />
 </span>
 `;

src/LocalizationEditor/__snapshots__/LocalizationEditor.test.js.snap

@@ -35,6 +35,7 @@ exports[`<LocalizationEditor /> create localization editor 1`] = `
           >
             <button
               className="fd-button--light fd-input-group__button"
+              type="button"
             >
               EN*
             </button>
@@ -81,6 +82,7 @@ exports[`<LocalizationEditor /> create localization editor 2`] = `
           >
             <button
               className="fd-button--light fd-button--compact fd-input-group__button"
+              type="button"
             >
               EN*
             </button>
@@ -125,6 +127,7 @@ exports[`<LocalizationEditor /> create localization editor 3`] = `
           >
             <button
               className="fd-button--light fd-input-group__button"
+              type="button"
             >
               EN*
             </button>

src/Panel/__snapshots__/Panel.test.js.snap

@@ -26,6 +26,7 @@ exports[`<Panel /> create panels 1`] = `
     >
       <button
         className="fd-button fd-button--compact sap-icon--add"
+        type="button"
       >
         Add New Button
       </button>
@@ -80,6 +81,7 @@ exports[`<Panel /> create panels 2`] = `
     >
       <button
         className="fd-button fd-button--compact sap-icon--add"
+        type="button"
       >
         Add New Button
       </button>

src/Panel/__snapshots__/PanelActions.test.js.snap

@@ -6,6 +6,7 @@ exports[`<PanelActions /> create panel actions 1`] = `
 >
   <button
     className="fd-button fd-button--compact sap-icon--add"
+    type="button"
   >
     Add New Button
   </button>

src/Panel/__snapshots__/PanelHeader.test.js.snap

@@ -23,6 +23,7 @@ exports[`<PanelHeader /> create panels 1`] = `
   >
     <button
       className="fd-button fd-button--compact sap-icon--add"
+      type="button"
     >
       Add New Button
     </button>

src/SearchInput/__snapshots__/SearchInput.test.js.snap

@@ -34,6 +34,7 @@ exports[`<SearchInput /> create SearchInput 1`] = `
             <button
               className="fd-button--light sap-icon--search fd-input-group__button"
               onClick={[Function]}
+              type="button"
             />
           </span>
         </div>
@@ -75,6 +76,7 @@ exports[`<SearchInput /> create SearchInput 2`] = `
             <button
               className="fd-button--light sap-icon--search fd-input-group__button"
               onClick={[Function]}
+              type="button"
             />
           </span>
         </div>
@@ -116,6 +118,7 @@ exports[`<SearchInput /> create SearchInput 3`] = `
             <button
               className="fd-button--light sap-icon--search fd-input-group__button"
               onClick={[Function]}
+              type="button"
             />
           </span>
         </div>