balmjs / balm-ui

:diamonds: A modular and customizable UI library based on Material Design and Vue
https://material.balmjs.com
MIT License
506 stars 30 forks source link

Receiving,- & releasing focussed style on datepicker (with extended config) #22

Closed MarcoTroost closed 3 years ago

MarcoTroost commented 4 years ago

Hi Elf-Mouse,

If one extends the (flatpickr) configuration for the datepicker, issues with the focussed style on the textfield seem to occur.

If I choose altinput: true (human readable date), the texfield never gets the focussed styling,

Schermafbeelding 2020-10-20 om 08 10 57

If I choose minDate: new Date().fp_incr(15) (15 days from today), the texfield never releases the focussed styling

Schermafbeelding 2020-10-20 om 08 11 23

full config:

config: {
                    altInput: true,
                    altFormat: "j F Y",
                    dateFormat: 'd-m-Y',
                    defaultDate: 'today',
                    minDate: new Date().fp_incr(15),
                    maxDate: new Date().fp_incr(100),
                    locale: lang.nl,
                    disable: [
                        function(date) {
                            return (date.getDay() === 0 || date.getDay() === 6);

                        }
                    ],
                },

kind regards,

Marco

elf-mouse commented 4 years ago

Hi Marco,

Thanks for your issue.

It's a focused bug. I will fix it as soon as possible for the related extension components.

elf-mouse commented 3 years ago

Hi Marco,

This bug has been fixed.

You can update and try again :)

MarcoTroost commented 3 years ago

Hi Elf-Mouse,

Thank you for the update. Bug is fixed!