angular icon indicating copy to clipboard operation
angular copied to clipboard

[BUG] Date/Time Component Fails to Save When 'noeval' Property is Set to True

Open oupa-mboyane opened this issue 1 year ago • 4 comments

Environment

When using the noeval property set to true in the component within an Angular project, the Date/Time component fails to save. This issue occurs consistently and prevents the proper saving of the form. An error alert is shown with the message: "Please fix the following errors before submitting. Disable specific dates or dates by range: custom." The error is shown in the attached screenshot. However, the form saves without the error alert if noeval is set to false.

  • Hosting type
    • [ ] Form.io
    • [x] Local deployment
      • Version: 5.3.0
  • Formio.js version: 4.19.2
  • Frontend framework: Angular
  • Browser: Chrome
  • Browser version:

Steps to Reproduce

  1. Create a form using the form builder in an Angular project.
  2. Drag and drop a Date/Time component into the form.
  3. Go to the Date section of the Date/Time component.
  4. Enter the date you want to exclude in the 'Disable specific dates or dates by range' field or leave it blank.
  5. Click Save on the preview screen on the right.

Expected behavior

The Date/Time component should save, even when the noeval property is set to true.

Observed behavior

The Date/Time component does not save, when you click save, an error alert is displayed with the message: "Please fix the following errors before submitting. Disable specific dates or dates by range: custom."

Code Implementation

<form-builder [form]="form" (change)="change()" [options]="formOptions" [noeval]="true"></form-builder>

Screenshot

Screenshot 2024-06-07 122018

Additional Information:

Workaround: When the noeval property is set to false, the form saves without any error alerts. Rolling back to Formio.js version 4.15.1 seems to work without encountering this issue.

oupa-mboyane avatar Jun 11 '24 09:06 oupa-mboyane

Thank you for the information you have provided. Could you please share a video example, or a JSFiddle to further investigate this?

Sidiro23 avatar Jun 12 '24 13:06 Sidiro23

Hi @Sidiro23 Im also able to reproduce this, here is a gif that will highlight the error that comes up formio - angular - datetime save error

nicovonronge avatar Jun 25 '24 06:06 nicovonronge

Thank you for taking the time to report this issue. A ticket has been created (FIO-8625) to resolve this issue.

ZenMasterJacob20011 avatar Jul 03 '24 15:07 ZenMasterJacob20011

After review, we don't expect to resource a developer to investigate this in the near future but would be happy to review any contributions to resolve this behavior.

lane-formio avatar Jul 08 '24 15:07 lane-formio