[calcite-input]: file type emits "Failed to set the 'value' property" error

[bedzhist]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

When the file type calcite-input has the 'name' attribute and is inside a form, it emits this error:

So when the form is submitted, file value is null.

Expected Behavior

The calcite-input should not emit the error and on form submission the value shoud be read correctly.

Reproduction Sample

https://codesandbox.io/p/devbox/calcite-input-file-8yqp3n?file=%2Fsrc%2FApp.jsx%3A1%2C14 File is not accessible
https://codepen.io/djha1999/pen/OJYPeqR _Added from BUG-000167528

Reproduction Steps

1. Open the sample
2. Click on file input and select a file.
3. The error appears in the console.
   4. Click on the submit button
   5. The empty value is displayed in the console.

Reproduction Version

2.8.0

Relevant Info

Was also submitted as BUG-000167528, accepted on 5/17/2024

Regression?

No response

Priority impact

p4 - not time sensitive

Impact

No response

Calcite package

• @esri/calcite-components
• @esri/calcite-components-angular
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

Esri team

N/A