[Enhancement] Upgrade pickers to Material M3 standards

[gselderslaghs]

Before submitting...

• I have searched for duplicate or closed issues.
• I have read the CONTRIBUTING document and my issue is following the guidelines.
• I have read the template completely before filling it in.

Context

Pickers could use an improvement as they currently do not comply with the Material M3 standards
This would require SCSS styling refinement on the components
Currently the pickers can only be rendered as modals, would be nice if additionally we can implement docked rendering options as requested per #140

Current Behavior

No response

Expected behavior

No response

Possible Solutions or Causes

No response

Your Environment

• Version used: 2.1.1

[wuda-io]

Ok please wait with this change, i am refactoring it atm.

For the modal part

I think we should remove the integrated Modal feom the pickers completely and let the user decide where the picker sits. Wdyt?

[gselderslaghs]

Agree with letting the user choose how the pickers should be rendered, having options "Modal - hovering in a popup" and "Docked - inline as a kind of dropdown below the field" available where only this latest options should present a new feature implementation. My idea of a "Docked" integration that we'd have the functionality the datepicker is visible when even the user is updating the main input field and represents the changes in real-time visually on the expanded picker

[gselderslaghs]

Additional enhancements (todo):

• Allow HTML time input field
• Implement functionality to allow timepicker to fill from element value in input field
• Allow format specification in option for rendering in input field

[kissgyula]

The current state of the pickers is unusable. Is this still under development?

I try to replicate the previous behavior with adding 'container' to the options. But it is nowhere near how it is worked before this update. The callbacks works more or less with the datepicker but not with the timepicker. The OK and Close buttons are not working, got messages like "Datepicker.close() is deprecated. Remove this method and wrap in modal yourself."

Can you please update the documentation, how to correctly use the pickers with modal, that replicates the previous behavior.