Form field improvements

[Suyashtnt]

The current DateField & Textfield components have quite a few issues:

• You can't set an error property on DateField
• DateFields change year/month buttons are causing forms to be submitted

[KTibow]

1. I'll fix that
2. I'll probably fix that
3. I'll probably fix that
4. Intentional, to prevent bloat.
   Create a div after with the padding and height you want. This can also help you prevent layout shift.
5. Can't you use extraOptions
6. How am I supposed to fix that

[Suyashtnt]

• You can't set an error message nor helper message for either, which is vital for error validation.

Could you give an example of 4?

for 5, then why can DateField set it as required?

6. isn't there a way to set the overflow to visible?

[KTibow]

Going to push a commit that addresses 1 and 5 soon

Could you give an example of 4?

<div style="display: flex;flex-direction: column;gap: 0.25rem;">
  <TextField name="Field" />
  <div style="padding: 0px 1rem;color: rgb(var(--m3-scheme-on-surface-variant));" class="m3-font-body-small">Supporting text</div>
</div>

isn't there a way to set the overflow to visible?

It's not part of DateField though, it's part of Dialog, so you need to configure overflow visible with some css there

[KTibow]

Also the reason DateField could be set to required or not required was that the "clear" button depends on it

[KTibow]

Please update the original issue description to only include things that are still relevant

[Suyashtnt]

Working on the site that uses m3-svelte again and came across some of the issues again. Decided to actually updated it lol