address comments

Author: hinzzx

packages/main/cypress/specs/DateRangePicker.cy.tsx

@@ -971,64 +971,26 @@ describe("Validation inside a form", () => {
 });
 
 describe("DateRangePicker relative dates rejection", () => {
-	it("typing 'today' sets error state", () => {
-		cy.mount(<DateRangePicker></DateRangePicker>);
+	const relativeKeywords = ["today", "tomorrow", "yesterday"];
 
-		cy.get("[ui5-daterange-picker]")
-			.as("dateRangePicker")
-			.shadow()
-			.find("[ui5-datetime-input]")
-			.realClick()
-			.should("be.focused");
-
-		cy.realType("today");
-		cy.realPress("Enter");
-
-		cy.get("@dateRangePicker")
-			.should("have.value", "today");
-
-		cy.get("@dateRangePicker")
-			.should("have.attr", "value-state", "Negative");
-	});
+	relativeKeywords.forEach(keyword => {
+		it(`typing '${keyword}' sets error state`, () => {
+			cy.mount(<DateRangePicker></DateRangePicker>);
 
-	it("typing 'tomorrow' sets error state", () => {
-		cy.mount(<DateRangePicker></DateRangePicker>);
+			cy.get("[ui5-daterange-picker]")
+				.as("dateRangePicker")
+				.shadow()
+				.find("[ui5-datetime-input]")
+				.realClick()
+				.should("be.focused");
 
-		cy.get("[ui5-daterange-picker]")
-			.as("dateRangePicker")
-			.shadow()
-			.find("[ui5-datetime-input]")
-			.realClick()
-			.should("be.focused");
-
-		cy.realType("tomorrow");
-		cy.realPress("Enter");
+			cy.realType(keyword);
+			cy.realPress("Enter");
 
-		cy.get("@dateRangePicker")
-			.should("have.value", "tomorrow");
-
-		cy.get("@dateRangePicker")
-			.should("have.attr", "value-state", "Negative");
-	});
-
-	it("typing 'yesterday' sets error state", () => {
-		cy.mount(<DateRangePicker></DateRangePicker>);
-
-		cy.get("[ui5-daterange-picker]")
-			.as("dateRangePicker")
-			.shadow()
-			.find("[ui5-datetime-input]")
-			.realClick()
-			.should("be.focused");
-
-		cy.realType("yesterday");
-		cy.realPress("Enter");
-
-		cy.get("@dateRangePicker")
-			.should("have.value", "yesterday");
-
-		cy.get("@dateRangePicker")
-			.should("have.attr", "value-state", "Negative");
+			cy.get("@dateRangePicker")
+				.should("have.value", keyword)
+				.should("have.attr", "value-state", "Negative");
+		});
 	});
 
 	it("valid concrete date range does not set error state", () => {

packages/main/src/DateRangePicker.ts

@@ -41,6 +41,9 @@ const DEFAULT_DELIMITER = "-";
  * The user can enter a date by:
  * Using the calendar that opens in a popup or typing it in directly in the input field (not available for mobile devices).
  * For the `ui5-daterange-picker`
+ *
+ * **Note:** Relative date values such as "today", "yesterday", or "tomorrow" are not supported.
+ * Entering a relative date sets the component to an error state.
  * ### ES6 Module Import
  *
  * `import "@ui5/webcomponents/dist/DateRangePicker.js";`