diff --git a/packages/main/test/pages/DatePicker.html b/packages/main/test/pages/DatePicker.html
index 78f9a58cd88a..68589f23f4a1 100644
--- a/packages/main/test/pages/DatePicker.html
+++ b/packages/main/test/pages/DatePicker.html
@@ -39,30 +39,26 @@
+ placeholder='Delivery Date...'>
+ value-state="Error">
Information message. This is a
Link. Extra long text used as an information message. Extra long text used as an information message - 2. Extra long text used as an information message - 3.
Information message 2. This is a
Link. Extra long text used as an information message. Extra long text used as an information message - 2. Extra long text used as an information message - 3.
-
placeholder + title + events
+
placeholder + events
+ placeholder='Delivery Date...'>
change: N/A
input: N/A
-
placeholder + title + prevented default events
+
placeholder + prevented default events
+ placeholder='Delivery Date...'>
change: N/A
input: N/A
diff --git a/packages/main/test/samples/DatePicker.sample.html b/packages/main/test/samples/DatePicker.sample.html
index 21937fe3cac0..f84984b61d74 100644
--- a/packages/main/test/samples/DatePicker.sample.html
+++ b/packages/main/test/samples/DatePicker.sample.html
@@ -22,13 +22,13 @@
Basic DatePicker
DatePicker with Placeholder, Tooltip, Events, ValueState and valueStateMessage
-
+
The value is not valid. Please provide valid value
-
+
The value is not valid. Please provide valid value