status-im
/
spiff-arena
mirror of https://github.com/status-im/spiff-arena.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

display placeholder date as lowercase only

This commit is contained in:
jasquat 2023-04-21 09:26:49 -04:00
parent d0e2b5050a
commit 0deb214fb8
No known key found for this signature in database
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
View File

@ -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"

1
spiffworkflow-frontend/src/config.tsx
View File

@ -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;

4
spiffworkflow-frontend/src/themes/carbon/BaseInputTemplate/BaseInputTemplate.tsx
View File

@ -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"