Как в flatpickr отображант текщую дату в пользовательском формате ?

mstdmstd

Новичок
Всем привет
В Laravel 8 приложения используя jQuery v3.6.0 делаю форму с 2мя датами и нужно отобразить выбранную дату
после перегрузки формуы, Форма перегружяется каждый раз когда пользователь выбирает дату.
Я пытаюсь настроить flatpickr(v4.6.9) datepicker
Код:
        var optional_config = {
            dateFormat: "Y-m-d",
            altFormat: "F j, Y",
            allowInput: true,
            "locale": 'ru',

            // parseDate: (datestr, format) => {
            //     return moment(datestr, format, true).toDate();
            // },
            // formatDate: (date, format, locale) => {
            //     return moment(date).format(format);
            // },


            enableTime: false,
            time_24hr: true
        }

        console.log('optional_config::')
        console.log(optional_config)

        $("#filter_date_from").flatpickr(optional_config);
        $("#filter_date_till").flatpickr(optional_config);


   ...
   
                            $filter_date_from::{{ $filter_date_from }}<br>
                            $filter_date_till::{{ $filter_date_till }}<br>
                            <div class="form-check">
                                <label class="form-label" for="filter_date_from">{{ __('С') }}</label>

                                <input type="text" class="js-flatpickr form-control"
                                       id="filter_date_from" name="filter_date_from"
                                       onchange="javascript:submitFilter()"
                                       value="{{ $filter_date_from }}"
                                       placeholder="Fill from published date"
                                       autocomplete="off"
                                >
                            </div>
                            <div class="form-check">
                                <label class="form-label" for="filter_date_till">{{ __('До') }}</label>
                                <input type="text" class="js-flatpickr form-control"
                                       id="filter_date_till" name="filter_date_till"
                                       onchange="javascript:submitFilter()"
                                       value="{{ $filter_date_till }}"
                                       placeholder="Fill till published date"
                                       autocomplete="off"
                                >
                            </div>
$filter_date_from - дата в формате "Y-m-d" для фильтрации на сервере
flatpickr календарь отображается с русскими лейблами
Но после перегрузке формы текущая дата отображается как "2021-12-01"
я надеялся что сработает
Код:
            altFormat: "F j, Y",
и текущая дата отобразится в читаемом формате
Но этого не произошло
Как это можно исправить ?

Спасибо!
 
Сверху