fix: adjust the am/pm time placeholder to hh:mm --

Closes #1273
bpmn-io · Oct 3, 2024 · 5bbb5b9 · 5bbb5b9
1 parent c403a86
commit 5bbb5b9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/form-js-viewer/src/render/components/form-fields/parts/Timepicker.js b/packages/form-js-viewer/src/render/components/form-fields/parts/Timepicker.js
@@ -157,7 +157,7 @@ export function Timepicker(props) {
             value={rawValue}
             disabled={disabled}
             readOnly={readonly}
-            placeholder={use24h ? 'hh:mm' : 'hh:mm ?m'}
+            placeholder={use24h ? 'hh:mm' : 'hh:mm --'}
             autoComplete="off"
             onInput={(e) => {
               // @ts-expect-error

diff --git a/packages/form-js-viewer/test/spec/render/components/form-fields/Datetime.spec.js b/packages/form-js-viewer/test/spec/render/components/form-fields/Datetime.spec.js
@@ -317,7 +317,7 @@ describe('Datetime', function () {
       const timeInput = formField.querySelector('input[type="text"]');
       expect(timeInput).to.exist;
       expect(timeInput.value).to.be.empty;
-      expect(timeInput.placeholder).to.equal('hh:mm ?m');
+      expect(timeInput.placeholder).to.equal('hh:mm --');
 
       const adornment = formField.querySelector('.fjs-input-adornment');
       expect(adornment).to.exist;
@@ -331,7 +331,7 @@ describe('Datetime', function () {
       const timeInput = container.querySelector('input[type="text"]');
       expect(timeInput).to.exist;
       expect(timeInput.value).to.be.empty;
-      expect(timeInput.placeholder).to.equal('hh:mm ?m');
+      expect(timeInput.placeholder).to.equal('hh:mm --');
     });
 
     it('should render required label', function () {
@@ -659,7 +659,7 @@ describe('Datetime', function () {
 
       expect(timeInput).to.exist;
       expect(timeInput.value).to.be.empty;
-      expect(timeInput.placeholder).to.equal('hh:mm ?m');
+      expect(timeInput.placeholder).to.equal('hh:mm --');
 
       const adornments = formField.querySelectorAll('.fjs-input-adornment');
       expect(adornments.length).to.equal(2);