[Date field] Manual user input

[fransdeboer]

Provide a general summary of the issue here

define a date field (inside an sl-form) <sl-date-field name="effectiveDate"></sl-date-field>

If a date is typed in the field (using the keyboard). The value is not retained (this.#form.value?.effectiveDate is undefined). The sl-change event not triggered either.

However, if a date is selected using the popover the form value (this.#form.value?.effectiveDate) is set correctly

🤔 Expected Behavior?

should fill the form field value if a value is entered using the keyboard.

Tasks

• [ ] UX should provide a detailed design for keyboard navigation
• [ ] Review current component in Storybook (UX)
• [ ] Refine with dev once UX research is done

Inspriration

• https://mui.com/x/react-date-pickers/date-field/#uncontrolled-vs-controlled-value

What browsers are you seeing the problem on? (only for bugs in code)

Chrome

If other, please specify.

No response

What operating system are you using?

Windows

👤 Your name

Frans de Boer

🧢 Your product/team

Magister

🎨 Your Theme(s)

Magister