From 37b8a054e8a1e0095d48d40c1338311159b93376 Mon Sep 17 00:00:00 2001
From: Paul Li <wmdev0808@gmail.com>
Date: Fri, 23 Apr 2021 08:07:45 -0400
Subject: [PATCH] [Bug-4023] : Incorrect placeholder in the datepicker widget

-- Change date format to `YYYY-MM-DD HH:mm`
---
 .../designSystems/appsmith/TableComponent/CascadeFields.tsx | 2 +-
 .../src/components/propertyControls/DatePickerControl.tsx   | 2 +-
 app/client/src/mockResponses/WidgetConfigResponse.tsx       | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/client/src/components/designSystems/appsmith/TableComponent/CascadeFields.tsx b/app/client/src/components/designSystems/appsmith/TableComponent/CascadeFields.tsx
index 22e8fb3d2e..f0c2c44bed 100644
--- a/app/client/src/components/designSystems/appsmith/TableComponent/CascadeFields.tsx
+++ b/app/client/src/components/designSystems/appsmith/TableComponent/CascadeFields.tsx
@@ -568,7 +568,7 @@ const Fields = (props: CascadeFieldProps & { state: CascadeFieldState }) => {
         <DatePickerWrapper className="t--table-filter-date-input">
           <DatePickerComponent
             label=""
-            dateFormat="DD/MM/YYYY"
+            dateFormat="YYYY-MM-DD HH:mm"
             datePickerType="DATE_PICKER"
             onDateSelected={onDateSelected}
             selectedDate={value}
diff --git a/app/client/src/components/propertyControls/DatePickerControl.tsx b/app/client/src/components/propertyControls/DatePickerControl.tsx
index ff0c5a6b07..c043b41e89 100644
--- a/app/client/src/components/propertyControls/DatePickerControl.tsx
+++ b/app/client/src/components/propertyControls/DatePickerControl.tsx
@@ -82,7 +82,7 @@ class DatePickerControl extends BaseControl<
           parseDate={this.parseDate}
           maxDate={this.maxDate}
           minDate={this.minDate}
-          placeholder="DD/MM/YYYY HH:mm"
+          placeholder="YYYY-MM-DD HH:mm"
           timePrecision={TimePrecision.MINUTE}
           closeOnSelection={true}
           onChange={this.onDateSelected}
diff --git a/app/client/src/mockResponses/WidgetConfigResponse.tsx b/app/client/src/mockResponses/WidgetConfigResponse.tsx
index 6cb064df86..4584c01580 100644
--- a/app/client/src/mockResponses/WidgetConfigResponse.tsx
+++ b/app/client/src/mockResponses/WidgetConfigResponse.tsx
@@ -111,10 +111,10 @@ const WidgetConfigResponse: WidgetConfigReducerState = {
       datePickerType: "DATE_PICKER",
       rows: 1,
       label: "",
-      dateFormat: "DD/MM/YYYY HH:mm",
+      dateFormat: "YYYY-MM-DD HH:mm",
       columns: 5,
       widgetName: "DatePicker",
-      defaultDate: moment().format("DD/MM/YYYY HH:mm"),
+      defaultDate: moment().format("YYYY-MM-DD HH:mm"),
       version: 1,
     },
     DATE_PICKER_WIDGET2: {
@@ -122,7 +122,7 @@ const WidgetConfigResponse: WidgetConfigReducerState = {
       datePickerType: "DATE_PICKER",
       rows: 1,
       label: "",
-      dateFormat: "DD/MM/YYYY HH:mm",
+      dateFormat: "YYYY-MM-DD HH:mm",
       columns: 5,
       widgetName: "DatePicker",
       defaultDate: moment().toISOString(),