[BUG]: Datepicker - Flexible Width Issue

[mehmetranas]

Issue description

Description

The datepicker element should dynamically resize according to the available space to maintain a flexible layout. However, the current implementation only allows passing a static width. As a result, when the screen is resized, the element does not adjust its width, leading to UI compatibility issues.

Steps to Reproduce

1. Add the datepicker to a responsive layout.
2. Set a static width for the element.
3. Resize the browser window or container.
4. Observe that the datepicker does not adjust its width, causing layout inconsistencies.

Expected Behavior

The datepicker should have a flexible width that adjusts automatically when the screen or container size changes.

Actual Behavior

The datepicker has a fixed width, and does not resize when the screen is resized, causing layout issues.

Media & Screenshots

Baklava Version

3.3.0 beta.9

Operating system

• OS: Mac

• Browser chrome:

• Application: Vue 2.7

Priority this issue should have

Medium (should be fixed soon)

Please review the checkboxes that are applicable.

• This issue is directly related to React