From 38a9816781be9915b2192d1532767f0b4f150987 Mon Sep 17 00:00:00 2001
From: jasquat <jasquat@users.noreply.github.com>
Date: Fri, 21 Apr 2023 09:26:49 -0400
Subject: [PATCH] display placeholder date as lowercase only

---
 .../src/components/ProcessInstanceListTable.tsx           | 8 ++++++--
 spiffworkflow-frontend/src/config.tsx                     | 1 +
 .../themes/carbon/BaseInputTemplate/BaseInputTemplate.tsx | 4 ++--
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx b/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
index b8a5b2df5..fe335e539 100644
--- a/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
+++ b/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
@@ -24,7 +24,11 @@ import {
   FormLabel,
   // @ts-ignore
 } from '@carbon/react';
-import { PROCESS_STATUSES, DATE_FORMAT, DATE_FORMAT_CARBON } from '../config';
+import {
+  PROCESS_STATUSES,
+  DATE_FORMAT_CARBON,
+  DATE_FORMAT_FOR_DISPLAY,
+} from '../config';
 import {
   convertDateAndTimeStringsToSeconds,
   convertDateObjectToFormattedHoursMinutes,
@@ -681,7 +685,7 @@ export default function ProcessInstanceListTable({
         <DatePicker dateFormat={DATE_FORMAT_CARBON} datePickerType="single">
           <DatePickerInput
             id={`date-picker-${name}`}
-            placeholder={DATE_FORMAT}
+            placeholder={DATE_FORMAT_FOR_DISPLAY}
             labelText={labelString}
             type="text"
             size="md"
diff --git a/spiffworkflow-frontend/src/config.tsx b/spiffworkflow-frontend/src/config.tsx
index 30be30dd7..9cf4386b4 100644
--- a/spiffworkflow-frontend/src/config.tsx
+++ b/spiffworkflow-frontend/src/config.tsx
@@ -96,5 +96,6 @@ export const DATE_TIME_FORMAT = `${generalDateFormat} HH:mm:ss`;
 export const TIME_FORMAT_HOURS_MINUTES = 'HH:mm';
 export const DATE_FORMAT = generalDateFormat;
 export const DATE_FORMAT_CARBON = carbonDateFormat;
+export const DATE_FORMAT_FOR_DISPLAY = generalDateFormat.toLowerCase();
 
 export const SPIFF_ENVIRONMENT = spiffEnvironment;
diff --git a/spiffworkflow-frontend/src/themes/carbon/BaseInputTemplate/BaseInputTemplate.tsx b/spiffworkflow-frontend/src/themes/carbon/BaseInputTemplate/BaseInputTemplate.tsx
index 61fcce93e..cf153157b 100644
--- a/spiffworkflow-frontend/src/themes/carbon/BaseInputTemplate/BaseInputTemplate.tsx
+++ b/spiffworkflow-frontend/src/themes/carbon/BaseInputTemplate/BaseInputTemplate.tsx
@@ -9,7 +9,7 @@ import {
 } from '@rjsf/utils';
 
 import { useCallback } from 'react';
-import { DATE_FORMAT, DATE_FORMAT_CARBON } from '../../../config';
+import { DATE_FORMAT_CARBON, DATE_FORMAT_FOR_DISPLAY } from '../../../config';
 import { ymdDateStringToConfiguredFormat } from '../../../helpers';
 
 /** The `BaseInputTemplate` is the template to use to render the basic `<input>` component for the `core` theme.
@@ -117,7 +117,7 @@ export default function BaseInputTemplate<
       >
         <DatePickerInput
           id={id}
-          placeholder={DATE_FORMAT}
+          placeholder={DATE_FORMAT_FOR_DISPLAY}
           helperText={helperText}
           type="text"
           size="md"