Datepicker in Form: Select Date not translated about localisation

[aocneanu]

It was a problem with the placeholders in vue-form, they were not translated. It's fixed in laravel-enso/forms@106e70c.

Don't forget to add the placeholder in the form template, in the field's meta section.

Sepparately, I added localisation for the datepicker component.

From now on, whenever we add a new language we will have to update this file as well:

https://github.com/laravel-enso/FormBuilder/blob/106e70c7f7d09249c8063f7712403698ec529b55/src/resources/assets/js/components/enso/vueforms/flatpickrLocale.js

[mauthi]

The datepicker keys are not collected - should this work?

And at the moment we get collected an empty key - we should add something like if key == '' don't collect

(if needed I will open an issue for each of the 2 parts)

[aocneanu]

what do you mean by "datepicker keys"?

[mauthi]

March Mon Tue … Btw. can we set the begin of week (mon instead of sunday)? And is there a possibility to change the theme from outside without overwriting the component? (I can create an own ticket for this within vue components if needed)

[aocneanu]

Datepicker is a wrapper for the Flatpickr library. This library has its own localisation. With this laravel-enso/forms@106e70c I integrated the Flatpickr's native localisation with enso. So all the "keys" are now translated.

For the themes, we were also condering an approach, but please open a new ticket. Note that right now datepicker is a part of formbuilder (package). In the future we will created a dedicated npm / github package for this.

[mauthi]

Datepicker is a wrapper for the Flatpickr library. This library has its own localisation. With this laravel-enso/forms@106e70c I integrated the Flatpickr's native localisation with enso. So all the "keys" are now translated.

Should this work already? Or do I have to set/change anything in my forms for this?

[aocneanu]

• Composer update
• add the placeholder to the form template in the date column’s meta

Play

[mauthi]

Sorry, you got me wrong: The select date placeholder is already working like described. I’m talking of the other strings like month names, day names - they are in english

[aocneanu]

[aocneanu]

what does your dev tools show for the datepicker? (locale)

[mauthi]

Its "en"

Do I have to set the locale anywhere? Or where do you set it?

[aocneanu]

from here

[mauthi]

[aocneanu]

Ah maybe you're not using the VueFormSS wrapper?

If not you should always pass the user's locale to the vue-form component.

[mauthi]

That was the mistake - just changed it to VueFormSS