[BUG]: Value Formatter Passed as Function is Treated as String in Vue Application's BL Datepicker

[mehmetranas]

Issue description

Description:

In my Vue application, when I pass a value formatter to the BL Datepicker, it is incorrectly treated as a string rather than as a function.

Steps to Reproduce:

1. Pass a value formatter as a function to the BL Datepicker component.
2. Observe the behavior when interacting with the date picker.

Actual Behavior:

The value formatter is interpreted as a string, resulting in unexpected behavior.

Expected Behavior:

The value formatter should be treated as a function and executed accordingly, not as a string.

Media & Screenshots

Baklava Version

3.3.0 beta.9

Operating system

• OS: macos

• 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

[dilandoogan]

I was able to use valueFormetter feature like this

const formatDates = (dates: Date[]) => dates?.join(',');

<BlDatepicker
  type='range'
  className={styles.filter}
  onBlDatepickerChange={(event) => setRangePickerDates(event.detail)}
  ref={datepickerRef}
  valueFormatter={formatDates}
/>

What is the problem that you encountered ?