chore(combobox, datepicker,et all): add displayLabel arg

- without the displayLabel arg set to false in the following components,
the textfield was still rendering a label, and offsetting a bunch of the
icons & buttons within these components

combobox, datepicker, form, pagination, search, stepper

Author: marissahuysentruyt

components/combobox/stories/template.js

@@ -67,6 +67,7 @@ const Combobox = ({
 				name: "field",
 				isReadOnly,
 				value,
+				displayLabel: false,
 				onclick: function () {
 					if (!isOpen) updateArgs({ isOpen: true });
 				},

components/datepicker/stories/template.js

@@ -64,6 +64,7 @@ export const DatePicker = ({
 				name: "field",
 				id: triggerId,
 				value: selectedDay ? new Date(selectedDay).toLocaleDateString(lang) : undefined,
+				displayLabel: false,
 				onclick: function () {
 					if (!isOpen) updateArgs({ isOpen: true });
 				},

components/form/stories/form.stories.js

@@ -51,6 +51,7 @@ export default {
 						...passthroughs,
 						multiline: true,
 						name: "field",
+						displayLabel: false,
 					}, context),
 				],
 			}, {
@@ -61,6 +62,7 @@ export default {
 						...passthroughs,
 						type: "email",
 						name: "email",
+						displayLabel: false,
 					}, context),
 				],
 			}, {
@@ -71,6 +73,7 @@ export default {
 						...passthroughs,
 						placeholder: "Select a country",
 						name: "country",
+						displayLabel: false,
 					}, context),
 				],
 			}, {

components/pagination/stories/template.js

@@ -33,6 +33,7 @@ export const Template = ({
 				size,
 				value: "1",
 				customClasses: [`${rootClass}-textfield`],
+				displayLabel: false,
 			}, context)}
 			<span class="${rootClass}-counter">of 89 pages</span>
 			${ActionButton({

components/stepper/stories/template.js

@@ -70,6 +70,7 @@ export const Template = ({
 				id: id ? `${id}-input` : undefined,
 				customClasses: [`${rootClass}-textfield`],
 				customInputClasses: [`${rootClass}-input`],
+				displayLabel: false,
 			}, context)}
 			${when(!hideStepper, () => html`
 				<span class="${rootClass}-buttons">