Date widget in input form. Plone6. Plone classic. Date format dd.mm.yyyy. How to controle this

[nielssteenkrogh]

The display format discussed here:

Custom Date widget format

In Plone 6.0.14 with plone.app.z3cform 4.3.2, I wanted to customize the display format of the date value. However, it seems it does not use the set locale format or the override locale format in the registry. So my solution was to customize the date widget. I used the following code: interfaces.py: from plone.app.z3cform.interfaces import IDateWidget as IDateWidgetBase class ICustomDateWidget(IDateWidgetBase): """Custom date widget marker interface""" custom_date_widget.py: from plo…

Now my “issue” is the input rendering of the date field.

My site is used in many countries around the world for data-entry.

I get complaints from users who want the European format: dd.mm.yyyy or dd/mm/yyyy and using chrome/edge

For firefox having dd.mm.yyyy as I want.

For chrome and edge nothing seems working although there adding Danish as the preferred language. (on my ubuntu install). Could be different for our users. The site default language is Danish.

What strategy should I follow for having dates input field showed correct in the browser with its html5 widget of plone classic?

This is my schema with the field.

visitDate= schema.Date(

title=_(u'label_visitDate', default=u'Date'),

description=_(

u'help_visitDate',

default=u''

),

)

[erral (Mikel Larreategi)]

As far as I know, currently, the default date field is rendered natively by the browser and in the language the browser is used in, regardless of your site configuration.

You can see an issue about this here: pat-datetime-picker relies on browser language configuration instead of Plone configuration · Issue #1328 · plone/mockup · GitHub

The way should be to overwrite the date widget and provide your custom configuration, either with the native HTML date field configuration or providing a custom JS component that does it for you.

[erral (Mikel Larreategi)]

This looked like a challenge for a rainy afternoon...

I have created a proof-of-concept mockup pattern and widgets to enable language-based date pickers based on react-aria-components: GitHub - collective/collective.datepickerpattern

[nielssteenkrogh]

Hi. Interesting example you provided. We did some feedback-process with hundreds of users - and the result was that only a few had wrong regional settings in their windows giving the US-date format while the wanted format was the European. So all we did was writing instructions how to change regional settings in windows. If anybody interested I can share the instructions.