diff --git a/.changeset/calm-steaks-agree.md b/.changeset/calm-steaks-agree.md new file mode 100644 index 0000000..6c69f06 --- /dev/null +++ b/.changeset/calm-steaks-agree.md @@ -0,0 +1,5 @@ +--- +"@openfun/cunningham-react": minor +--- + +make DatePicker placeholders uppercase diff --git a/packages/react/src/components/Forms/DatePicker/DateField.tsx b/packages/react/src/components/Forms/DatePicker/DateField.tsx index f6681ab..cab1016 100644 --- a/packages/react/src/components/Forms/DatePicker/DateField.tsx +++ b/packages/react/src/components/Forms/DatePicker/DateField.tsx @@ -37,7 +37,7 @@ const DateSegmentInput = ({ (currentSegment.type === "literal" && previousSegment?.isPlaceholder), })} > - {currentSegment.text} + {currentSegment.text?.toUpperCase()} ); }; diff --git a/packages/react/src/components/Forms/DatePicker/DatePicker.spec.tsx b/packages/react/src/components/Forms/DatePicker/DatePicker.spec.tsx index 86f2787..25a983a 100644 --- a/packages/react/src/components/Forms/DatePicker/DatePicker.spec.tsx +++ b/packages/react/src/components/Forms/DatePicker/DatePicker.spec.tsx @@ -420,7 +420,7 @@ describe("", () => { // Date field's value should be set to a placeholder value. const dateFieldContent = screen.getByRole("presentation").textContent; - expect(dateFieldContent).eq("mm/dd/yyyy"); + expect(dateFieldContent).eq("MM/DD/YYYY"); const isGridCellSelected = screen .getByRole("gridcell", { name: "24" })! diff --git a/packages/react/src/components/Forms/DatePicker/DateRangePicker.spec.tsx b/packages/react/src/components/Forms/DatePicker/DateRangePicker.spec.tsx index a860d1b..026db58 100644 --- a/packages/react/src/components/Forms/DatePicker/DateRangePicker.spec.tsx +++ b/packages/react/src/components/Forms/DatePicker/DateRangePicker.spec.tsx @@ -743,8 +743,8 @@ describe("", () => { // Date field's value should be set to a placeholder value. const [startInput, endInput] = await screen.queryAllByRole("presentation"); - expect(startInput.textContent).eq("mm/dd/yyyy"); - expect(endInput.textContent).eq("mm/dd/yyyy"); + expect(startInput.textContent).eq("MM/DD/YYYY"); + expect(endInput.textContent).eq("MM/DD/YYYY"); const startGridCell = screen.getByRole("gridcell", { name: "25",